/* ==================================================================
   PUSTORINO IMMOBILIARE — CSS delle PAGINE LEGALI
   Privacy Policy e Cookie Policy: testi lunghi, pensati per essere
   letti. Colonna stretta, interlinea ampia, gerarchia chiara.
   ================================================================== */

.testo-legale{max-width:760px;margin:0 auto}

.aggiornamento{
  display:inline-flex;align-items:center;gap:9px;
  font-family:var(--dato);font-size:12px;letter-spacing:.05em;
  color:var(--fumo);background:var(--chiaro);
  padding:8px 15px;border-radius:100px;margin-bottom:36px;
}
.aggiornamento i{color:var(--rosso)}

.testo-legale h2{
  font-size:clamp(1.25rem,2.2vw,1.55rem);
  margin:42px 0 16px;padding-bottom:12px;
  border-bottom:1px solid var(--linea);
}
.testo-legale h2:first-of-type{margin-top:0}
.testo-legale h3{font-size:1.05rem;margin:26px 0 10px;color:var(--grafite)}

.testo-legale p{margin-bottom:15px;line-height:1.8;color:var(--grafite)}
.testo-legale ul{margin:0 0 18px 20px}
.testo-legale li{margin-bottom:9px;line-height:1.7}
.testo-legale a{color:var(--rosso);text-decoration:underline;text-underline-offset:3px}
.testo-legale strong{color:var(--nero)}

/* tabella dei cookie e dei trattamenti */
.tabella-legale{
  width:100%;border-collapse:collapse;margin:8px 0 24px;
  font-size:14px;border:1px solid var(--linea);
}
.tabella-legale th{
  background:var(--chiaro);text-align:left;
  font-family:var(--dato);font-size:11px;letter-spacing:.1em;
  text-transform:uppercase;color:var(--fumo);font-weight:500;
  padding:12px 14px;border-bottom:1px solid var(--linea);
}
.tabella-legale td{
  padding:13px 14px;border-bottom:1px solid var(--linea);
  vertical-align:top;line-height:1.6;
}
.tabella-legale tr:last-child td{border-bottom:0}
.tabella-legale code{
  font-family:var(--dato);font-size:12.5px;
  background:var(--chiaro);padding:2px 6px;border-radius:3px;
}

/* riquadro con il riepilogo dei diritti o le azioni disponibili */
.riquadro-legale{
  background:var(--chiaro);border-left:3px solid var(--rosso);
  padding:22px 26px;margin:26px 0;border-radius:0 var(--bordo-r) var(--bordo-r) 0;
}
.riquadro-legale h3{margin-top:0}
.riquadro-legale p:last-child{margin-bottom:0}

@media (max-width:620px){
  .tabella-legale{font-size:13px}
  .tabella-legale th,.tabella-legale td{padding:10px}
  /* su schermo stretto la tabella scorre invece di comprimersi */
  .scorri-tabella{overflow-x:auto;margin-bottom:24px}
  .scorri-tabella .tabella-legale{min-width:520px;margin-bottom:0}
}