/* páginas legales: términos y privacidad */
.legal-hero{position:relative;padding:var(--space-hero-top,96px) 0 var(--space-hero-bot,36px);text-align:center;overflow:hidden}
.legal-hero .bg-blueprint{position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(rgba(79,70,229,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(79,70,229,.06) 1px,transparent 1px);background-size:48px 48px;-webkit-mask-image:radial-gradient(75% 85% at 50% 0%,#000 20%,transparent 72%);mask-image:radial-gradient(75% 85% at 50% 0%,#000 20%,transparent 72%)}
.legal-hero .eyebrow,.legal-hero h1,.legal-hero p{position:relative;z-index:2}
.legal-hero h1{font-size:38px;font-weight:600;letter-spacing:-.03em;line-height:1.12}
.legal-hero p{font-size:14px;color:var(--muted);margin-top:12px}
.legal-body{max-width:760px;margin:0 auto;padding:0 24px 80px}
.legal-note{background:rgba(230,193,120,.08);border:1px solid rgba(230,193,120,.28);border-radius:12px;padding:16px 18px;margin-bottom:36px;font-size:13px;color:var(--warn);line-height:1.6}
.legal-body h2{font-size:20px;font-weight:600;letter-spacing:-.02em;margin:34px 0 10px;color:var(--ink)}
.legal-body h3{font-size:15px;font-weight:600;margin:20px 0 6px;color:var(--ink-2)}
.legal-body p,.legal-body li{font-size:14.5px;line-height:1.7;color:var(--muted)}
.legal-body ul{margin:8px 0 8px 20px}
.legal-body li{margin-bottom:5px}
.legal-ph{color:var(--warn);background:rgba(230,193,120,.10);padding:1px 6px;border-radius:4px;font-style:italic}
.legal-body .updated{font-size:12.5px;color:var(--faint);margin-top:40px;padding-top:16px;border-top:1px solid var(--line-soft)}

/* ===== EXPERIMENTO modo claro — cuadrícula apagada =====
   Reversible: borrar este bloque para volver al estado anterior. */
.bg-blueprint{display:none}