/* ============================================================================
   Pagine legali — privacy, termini, cookie.
   Un foglio solo per tutte e tre: le tre pagine hanno la stessa struttura e
   devono invecchiare insieme. Palette Domus, la stessa di landing e pricing.

   Prima erano tre copie di 400 righe con l'impalcatura HouseRadar (nav blu,
   drawer, markup dei piani) che in una pagina legale non serve a niente.
   ============================================================================ */

:root{
  --pomp:#9B3329; --pomp-dk:#812A22; --crema:#F7EDE2; --navy:#14213A;
  --ink:#1A1815; --muted:#6E6A64; --line:#E6E3DE; --off:#FAF9F7;
  --sans:-apple-system,BlinkMacSystemFont,'Inter','Segoe UI',Roboto,sans-serif;
  --serif:'Iowan Old Style','Palatino Linotype',Palatino,Georgia,serif;
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0; background:#fff; color:var(--ink);
  font-family:var(--sans); font-size:16px; line-height:1.65;
  -webkit-font-smoothing:antialiased;
}
a{color:var(--pomp); font-weight:600; text-decoration:none}
a:hover{text-decoration:underline}

/* ---------- testata ---------- */
.lg-nav{
  position:sticky; top:0; z-index:40; background:rgba(255,255,255,.92);
  backdrop-filter:blur(8px); border-bottom:1px solid var(--line);
}
.lg-nav-in{
  max-width:860px; margin:0 auto; padding:14px 22px;
  display:flex; align-items:center; justify-content:space-between; gap:16px;
}
/* il logo del kit (assets/brand/): positivo, la testata e' bianca */
.lg-brand{display:inline-flex; align-items:center; text-decoration:none}
.lg-brand:hover{text-decoration:none}
.lg-brand img{display:block; height:26px; width:auto; flex:none}
.lg-nav-l{display:flex; gap:18px; font-size:14px; font-weight:500}
.lg-nav-l a{color:var(--muted); font-weight:500}
.lg-nav-l a.on{color:var(--pomp); font-weight:700}

/* ---------- corpo ---------- */
.lg-wrap{max-width:760px; margin:0 auto; padding:46px 22px 70px}
.lg-wrap h1{
  font-family:var(--serif); font-size:38px; line-height:1.15; font-weight:700;
  letter-spacing:-.02em; margin:0 0 10px;
}
.lg-agg{font-size:13.5px; color:var(--muted); margin:0 0 34px}

.lg-card{
  background:var(--off); border:1px solid var(--line); border-radius:14px;
  padding:30px 32px; margin-bottom:22px;
}
.lg-card h2{
  font-size:19px; font-weight:800; color:var(--pomp); letter-spacing:-.01em;
  margin:32px 0 10px; padding-top:6px;
}
.lg-card h2:first-child{margin-top:0; padding-top:0}
.lg-card h3{font-size:15.5px; font-weight:700; margin:20px 0 6px}
.lg-card p{margin:0 0 12px}
.lg-card ul{margin:0 0 14px; padding-left:20px}
.lg-card li{margin-bottom:7px}
.lg-card strong{font-weight:700}

/* la tabella dei fornitori e dei dati: su mobile scorre invece di stringersi */
.lg-tab-wrap{overflow-x:auto; margin:0 0 18px; -webkit-overflow-scrolling:touch}
table.lg-tab{border-collapse:collapse; width:100%; min-width:520px; font-size:14px}
table.lg-tab th, table.lg-tab td{
  text-align:left; vertical-align:top; padding:9px 12px; border-bottom:1px solid var(--line);
}
table.lg-tab th{font-weight:700; font-size:12.5px; text-transform:uppercase;
  letter-spacing:.04em; color:var(--muted); border-bottom:1.5px solid var(--line)}
table.lg-tab tr:last-child td{border-bottom:none}

/* riquadro per le cose che vanno lette, non scorse */
.lg-nota{
  background:#fff; border:1px solid var(--line); border-left:3px solid var(--pomp);
  border-radius:0 10px 10px 0; padding:14px 18px; margin:0 0 16px; font-size:14.5px;
}
.lg-nota strong{color:var(--pomp)}

/* indice in testa */
.lg-indice{font-size:14.5px}
.lg-indice ol{margin:0; padding-left:22px; columns:2; column-gap:32px}
.lg-indice li{margin-bottom:5px; break-inside:avoid}
@media(max-width:600px){ .lg-indice ol{columns:1} }

/* ---------- piede ---------- */
.lg-foot{border-top:1px solid var(--line); background:var(--off)}
.lg-foot-in{
  max-width:860px; margin:0 auto; padding:26px 22px;
  display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:12px;
  font-size:13.5px; color:var(--muted);
}
.lg-foot-l{display:flex; flex-wrap:wrap; gap:16px}
.lg-foot-l a{color:var(--muted); font-weight:500}
.lg-foot-l a:hover{color:var(--pomp)}

@media(max-width:600px){
  .lg-wrap{padding:32px 16px 54px}
  .lg-wrap h1{font-size:29px}
  .lg-card{padding:22px 18px}
  .lg-nav-l{gap:12px; font-size:13px}
}