/* Estilos para páginas de contenido/legales (FAQ, privacidad, términos) */
*{ box-sizing:border-box; margin:0; }
body{
  background:var(--bg); color:var(--white); font-family:'Manrope',sans-serif;
  line-height:1.65; cursor:auto; -webkit-font-smoothing:antialiased;
}
.legal-nav{ padding:18px 24px; border-bottom:1px solid rgba(255,255,255,.08); }
.legal-nav a{ display:inline-flex; align-items:center; gap:10px; color:#fff; text-decoration:none; }
.legal-nav img{ width:26px; height:26px; }
.legal-nav b{ font-weight:800; letter-spacing:3px; font-size:18px; }
.legal{ max-width:760px; margin:0 auto; padding:56px 24px 100px; }
.legal .eyebrow{ font-family:'DM Mono',monospace; font-size:11px; letter-spacing:.2em; text-transform:uppercase; color:var(--acc); }
.legal h1{ font-size:clamp(1.9rem,4vw,2.6rem); font-weight:800; letter-spacing:-.02em; margin:12px 0 6px; color:#fff; }
.legal .updated{ color:var(--muted); font-size:13px; margin-bottom:30px; }
.legal h2{ font-size:1.12rem; font-weight:700; margin:32px 0 10px; color:var(--white2); }
.legal h3{ font-size:1rem; font-weight:700; margin:20px 0 6px; color:var(--white2); }
.legal p{ color:var(--muted); font-size:15.5px; margin:8px 0; }
.legal ul{ margin:10px 0 10px 20px; }
.legal li{ color:var(--muted); font-size:15.5px; margin:5px 0; }
.legal b{ color:var(--white2); }
.legal a{ color:var(--acc); }
.legal .note{ background:rgba(0,212,255,.06); border:1px solid var(--gbd); border-radius:12px; padding:13px 16px; font-size:13px; color:var(--white); margin:0 0 28px; }
.legal .back{ display:inline-block; margin-top:44px; color:var(--acc); text-decoration:none; font-weight:700; font-size:14px; }
.legal .back:hover{ color:var(--c1-viv); }