/* ============================================================
   Appartamenti in affitto — tariffe e piantina
   Generato da build_affitti.py: NON modificare il .css a mano.
   ============================================================ */

.vs-piantina .et_pb_image_wrap{border:1px solid #e3e9ee;border-radius:14px;
overflow:hidden;background:#fff}
.vs-piantina img{width:100%;height:auto;display:block}

.vs-tariffe h3{font-family:'Bricolage Grotesque',sans-serif!important;
font-weight:600!important;font-size:22px!important;color:#172a3a!important;
margin:0 0 14px!important;padding:0!important}
/* Su schermi stretti la tabella scorre invece di sfondare il layout. */
.vs-tar-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;
border:1px solid #e3e9ee;border-radius:14px;background:#fff}
.vs-tar{width:100%;border-collapse:collapse;font-size:14.5px;min-width:520px}
.vs-tar th,.vs-tar td{padding:11px 14px;text-align:left;
border-bottom:1px solid #e3e9ee}
.vs-tar thead th{background:#eef3f8;color:#172a3a;font-weight:700;font-size:13px;
letter-spacing:.04em;text-transform:uppercase;white-space:nowrap}
.vs-tar tbody th{font-weight:700;color:#172a3a;white-space:nowrap}
.vs-tar tbody td{color:#55636f}
.vs-tar tbody td:nth-child(n+3){color:#172a3a;font-weight:600;white-space:nowrap}
.vs-tar tbody tr:last-child th,.vs-tar tbody tr:last-child td{border-bottom:0}
.vs-tar tbody tr:hover{background:#f8fafc}
.vs-tar-nota{font-size:13.5px;color:#55636f;margin:10px 0 0}
.vs-tar-cond{margin-top:8px}

@media (max-width:640px){
  /* La tabella diventa un elenco: ogni riga una scheda, con l'etichetta
     della colonna davanti al prezzo (data-l), altrimenti a 320px i numeri
     restano senza significato. */
  .vs-tar-wrap{overflow:visible}
  .vs-tar{min-width:0}
  .vs-tar thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
  .vs-tar tbody tr{display:block;padding:12px 14px;border-bottom:1px solid #e3e9ee}
  .vs-tar tbody tr:last-child{border-bottom:0}
  .vs-tar tbody th,.vs-tar tbody td{display:block;padding:1px 0;border:0}
  .vs-tar tbody td:nth-child(2){margin-bottom:6px;font-size:13.5px}
  .vs-tar tbody td:nth-child(n+3){display:flex;justify-content:space-between;
  gap:12px;padding:3px 0}
  .vs-tar tbody td:nth-child(n+3):before{content:attr(data-l);
  color:#55636f;font-weight:500}
}