/* ============================================================
   LINDOO — legal.css (pagine legali + contatti). Richiede base.css.
   ============================================================ */

/* ---------- INTESTAZIONE PAGINA ---------- */
.page-head{background:var(--surface); border-bottom:1px solid var(--border); padding:54px 0 40px}
.page-head .kicker{margin-bottom:14px}
.page-head h1{font-size:clamp(2rem,4vw,2.8rem); letter-spacing:-.025em; line-height:1.08}
.page-head .upd{margin-top:12px; font-size:.88rem; color:var(--muted)}

/* ---------- CONTENUTO LEGALE ---------- */
.legal{padding:48px 0 72px}
.legal .wrap{max-width:820px}
.legal-note{background:var(--cyan-50); border:1px solid var(--cyan-200); border-radius:var(--r-lg); padding:16px 20px; font-size:.9rem; color:var(--n-700); margin-bottom:38px}
.legal-note b{color:var(--cyan-700)}
.legal h2{font-size:1.4rem; letter-spacing:-.02em; margin:38px 0 12px; padding-top:8px}
.legal h3{font-size:1.08rem; margin:24px 0 8px}
.legal p{margin:0 0 14px; color:var(--n-700)}
.legal ul{margin:0 0 16px; padding-left:22px}
.legal li{margin:0 0 8px; color:var(--n-700)}
.legal a{color:var(--cyan-600); font-weight:600}
.legal .box{background:#fff; border:1px solid var(--border); border-radius:var(--r-lg); padding:22px 24px; box-shadow:var(--sh-sm); margin:8px 0 18px}
.legal .box p{margin:0 0 6px}
.legal strong{color:var(--ink)}

/* ---------- CONTATTI ---------- */
.contact-grid{display:grid; grid-template-columns:1fr 1fr; gap:24px; margin-top:8px}
.contact-card{background:#fff; border:1px solid var(--border); border-radius:var(--r-xl); padding:28px 30px; box-shadow:var(--sh-sm)}
.contact-card h3{font-size:1.1rem; margin-bottom:8px}
.contact-card p{margin:0 0 6px; color:var(--n-700)}
.contact-card a{color:var(--cyan-600); font-weight:700; text-decoration:none}
.contact-card .big{font-size:1.25rem; font-weight:800; color:var(--ink); margin-bottom:4px}
.contact-card .ic{width:46px;height:46px;border-radius:13px;background:var(--cyan-50);color:var(--cyan-600);display:grid;place-items:center;margin-bottom:16px}

@media(max-width:820px){
  .contact-grid{grid-template-columns:1fr}
}