/* Páginas legales — tema oscuro + azul, a juego con la landing */
*{margin:0;padding:0;box-sizing:border-box}
:root{
  --bg:#0a0b0d; --panel:#121418; --line:rgba(255,255,255,.08);
  --white:#f4f6fb; --muted:#9aa2b1; --muted-2:#6c7483;
  --accent:#2f6bff; --accent-2:#5b8bff;
  --font-head:'Syne',sans-serif;
  --font-body:system-ui,-apple-system,'Segoe UI',Roboto,Helvetica,Arial,sans-serif;
  --font-mono:'DM Mono','DMMonoZero',ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
}
html,body{min-height:100%}
html{scroll-behavior:smooth}
body{background:var(--bg);color:var(--white);font-family:var(--font-body);line-height:1.7;-webkit-font-smoothing:antialiased;overflow-x:hidden}

.bg-fx{position:fixed;inset:0;z-index:0;pointer-events:none}
.bg-fx::before{content:'';position:absolute;inset:0;
  background-image:linear-gradient(rgba(47,107,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(47,107,255,.03) 1px,transparent 1px);
  background-size:64px 64px;mask-image:radial-gradient(circle at 50% 0,#000,transparent 70%)}

.container{position:relative;z-index:1;max-width:760px;margin:0 auto;padding:0 24px 90px}

header{padding:26px 0 46px}
.logo{font-family:var(--font-head);font-weight:800;font-size:16px;letter-spacing:.02em;color:var(--white);text-decoration:none;display:inline-block}
.logo span{font-family:var(--font-mono);font-weight:400;font-size:11px;letter-spacing:.42em;color:var(--muted);margin-left:7px}

.page-tag{font-family:var(--font-mono);font-size:11px;letter-spacing:.24em;color:var(--accent-2);text-transform:uppercase;margin-bottom:14px}
h1{font-family:var(--font-head);font-size:clamp(28px,5vw,46px);font-weight:800;letter-spacing:-.02em;margin-bottom:10px}
.updated{font-family:var(--font-mono);font-size:12px;color:var(--muted-2);margin-bottom:46px}

.divider{height:1px;background:linear-gradient(90deg,transparent,rgba(47,107,255,.25),transparent);margin:34px 0}

h2{font-family:var(--font-mono);font-size:13px;font-weight:500;color:var(--accent-2);letter-spacing:.06em;text-transform:uppercase;margin-bottom:14px}
p,li{font-size:15px;color:var(--muted);margin-bottom:12px}
p strong,li strong{color:var(--white);font-weight:600}
ul{margin:0 0 12px}
li{margin-left:20px;margin-bottom:6px}
a{color:var(--accent-2);text-decoration:none;border-bottom:1px solid rgba(91,139,255,.35)}
a:hover{border-color:var(--accent-2)}

.data-table{width:100%;border-collapse:collapse;margin-bottom:16px}
.data-table td{font-family:var(--font-mono);font-size:13px;padding:11px 14px;border:1px solid var(--line);color:var(--muted);vertical-align:top}
.data-table td:first-child{color:var(--white);width:38%;background:rgba(255,255,255,.02)}

footer{border-top:1px solid var(--line);padding:24px 0;margin-top:58px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px}
.footer-links{display:flex;gap:18px;align-items:center;flex-wrap:wrap}
.footer-links a{font-family:var(--font-mono);font-size:12px;color:var(--muted);text-decoration:none;border:none}
.footer-links a:hover{color:var(--white)}

@media(max-width:640px){
  .container{padding:0 18px 64px}
  header{padding:22px 0 32px}
  .updated{margin-bottom:32px}
  .data-table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}
  .data-table td:first-child{width:auto;min-width:120px}
  p,li{font-size:14px}
  footer{flex-direction:column;align-items:flex-start;gap:10px}
}