/* V360 Experts — Páginas legales (Privacidad, Términos de Uso)
   Depende de /site.css (tokens via :root). No importar site.css. */

:root {
  --font-display: var(--serif);
  --font-body:    var(--sans);
  --font-mono:    var(--mono);
  --accent:       var(--brand-2);
  --line:         rgba(234,241,244,.16);
}

/* ── Hero ─────────────────────────────────────────────── */
.legal-hero{background:var(--navy);color:#EAF1F4;padding:clamp(96px,15vh,120px) 0 clamp(48px,7vw,64px);position:relative;overflow:hidden}
.legal-hero::before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#159AAC 0%,#22B6CB 45%,#E8B23D 100%)}
.legal-hero .wrap{max-width:820px;margin:0 auto;padding:0 var(--gut)}
.legal-hero h1{font-family:var(--font-display);font-weight:500;font-size:clamp(1.9rem,3.6vw,2.8rem);line-height:1.12;letter-spacing:-.02em;margin:14px 0 10px}
.legal-hero .updated{font-size:.85rem;color:rgba(234,241,244,.55)}

/* ── Contenido ────────────────────────────────────────── */
.legal-body{background:#fff;padding:clamp(48px,7vw,80px) 0 clamp(80px,10vw,120px)}
.legal-body .wrap{max-width:820px;margin:0 auto;padding:0 var(--gut)}
.legal-body h2{font-family:var(--font-display);font-weight:500;font-size:clamp(1.2rem,2vw,1.5rem);color:var(--ink);letter-spacing:-.01em;margin:44px 0 14px}
.legal-body h2:first-child{margin-top:0}
.legal-body p{font-size:.97rem;color:var(--ink-2);line-height:1.75;margin:0 0 16px}
.legal-body ul{margin:0 0 16px;padding-left:22px}
.legal-body li{font-size:.97rem;color:var(--ink-2);line-height:1.7;margin-bottom:8px}
.legal-body strong{color:var(--ink);font-weight:600}
.legal-body a{color:var(--brand);text-decoration:underline;text-underline-offset:2px}
.legal-body .toc{background:var(--paper-2);border:1px solid var(--hair);border-radius:14px;padding:22px 26px;margin-bottom:8px}
.legal-body .toc p{margin:0 0 10px;font-family:var(--font-mono);font-size:.68rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.legal-body .toc ol{margin:0;padding-left:20px}
.legal-body .toc li{font-size:.9rem;margin-bottom:6px}
.legal-body .toc a{color:var(--ink-2);text-decoration:none}
.legal-body .toc a:hover{color:var(--brand)}