﻿.visually-hidden { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; }
.price-list { margin: 2rem auto; max-width: 800px; padding: 1rem; font-family: system-ui, sans-serif; }
table { width: 100%; border-collapse: collapse; text-align: center; font-size: 1rem; }
caption { caption-side: top; font-weight: 600; text-align: left;font-size:1.6rem;margin-bottom:.8rem }
thead th { background-color: var(--primary-color); color:#fff;padding: 0.75rem; border: 1px solid #ccd;font-size: 1.6rem;}
tbody th { text-align: left; padding: 0.75rem; border: 1px solid #ccd; background-color: #f8fbff;background-color: var(--secondary-color);font-size: 1.6rem;color:#333;font-weight:300}
tbody td { padding: 0.75rem; border: 1px solid #ccd;font-size: 1.6rem;color:#333 }

/*tbody tr:nth-child(1) { background-color: #e6eef7;background-color: var(--secondary-color);background:#fffff9 }
tbody tr:nth-child(2) { background-color: #d0e0f2;background-color: var(--secondary-color);background:#fffff9  }
tbody tr:nth-child(3) { background-color: #b3cdea;background-color: var(--secondary-color);background:#fffff9  }
tbody tr:nth-child(4) { background-color: #8fb3e0;background-color: var(--secondary-color);background:#fffff9  }*/

tbody tr{background:#fffff9}


#desc-listino {margin-top: 0.5rem;font-size: 0.875rem;color: #444;}

/* --- MOBILE CARD VIEW --- */
@media (max-width: 700px) {
    table { border: 0; }
    thead { display: none; }
    tbody, tr, td, th { display: block; width: 100%; }
    tr { margin-bottom: 1.5rem; border: 1px solid #ccd; border-radius: 0.75rem; overflow: hidden; background: #f9fbff; }
    th[scope="row"] { background-color: var(--primary-color); color: #fff; padding: 1rem; font-weight: 600; text-align: left; border: none; }
    td { text-align: left; padding: 0.75rem 1rem; border: none; border-top: 1px solid #e0e0e0; position: relative; }
    td::before { content: attr(data-label); display: block; font-weight: 600; color: #003366; margin-bottom: 0.25rem; }

/*    tr:nth-child(1) { background-color: #eef4fa;background-color: var(--secondary-color)}
    tr:nth-child(2) { background-color: #e3edf8;background-color: var(--secondary-color) }
    tr:nth-child(3) { background-color: #d3e2f4;background-color: var(--secondary-color) }
    tr:nth-child(4) { background-color: #c1d5f0;background-color: var(--secondary-color) }*/
}