/* Signal Systems · hoja común de las tres páginas legales.
   Se toca aquí una vez, no tres veces. */
:root{
  --ink:#05070A; --ink-2:#0B0F14; --ink-3:#131A22;
  --line:rgba(125,195,255,.13); --line-2:rgba(125,195,255,.22);
  --accent:#22D3EE; --sky:#38BDF8;
  --text:#E6F0FA; --muted:#D5E2EF; --faint:#9DB5CE;
  --ff:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
  --mono:'JetBrains Mono',ui-monospace,monospace;
  --r-pill:9999px; --r-card:12px;
  --maxw:52rem; --gut:clamp(1.25rem,4vw,3rem);
}
*,*::before,*::after{ box-sizing:border-box; }
html{ scroll-behavior:smooth; }
@media (prefers-reduced-motion:reduce){ html{ scroll-behavior:auto; } }
body{ margin:0; background:var(--ink); color:var(--text); font-family:var(--ff);
  font-size:16px; line-height:1.7; -webkit-font-smoothing:antialiased; }
a{ color:var(--accent); }
:focus-visible{ outline:2px solid var(--accent); outline-offset:3px; }

.saltar{ position:absolute; left:-9999px; }
.saltar:focus{ left:var(--gut); top:.6rem; z-index:60; background:var(--ink-3);
  color:var(--text); padding:.5rem .9rem; border-radius:var(--r-card); text-decoration:none; }

.top{ position:sticky; top:0; z-index:20; background:rgba(5,7,10,.9);
  backdrop-filter:blur(12px); border-bottom:1px solid var(--line); }
.top-in{ max-width:var(--maxw); margin-inline:auto; padding:.85rem var(--gut);
  display:flex; align-items:center; gap:.7rem; }
.top img{ width:22px; height:22px; }
.top b{ font-weight:700; font-size:.95rem; letter-spacing:-.02em; }
.top > .top-in > a:last-child{ margin-left:auto; font-size:.85rem; color:var(--muted); text-decoration:none; }
.top > .top-in > a:last-child:hover{ color:var(--text); }

main{ max-width:var(--maxw); margin-inline:auto; padding:clamp(2.5rem,6vw,4rem) var(--gut) 4rem; }

.ojo{ font-family:var(--mono); font-size:.66rem; letter-spacing:.14em;
  text-transform:uppercase; color:var(--faint); margin:0 0 .7rem; }
h1{ font-weight:800; font-variation-settings:'wght' 850; letter-spacing:-.042em; line-height:1;
  font-size:clamp(2rem,4.5vw,3rem); margin:0 0 .8rem; }
.sub{ color:var(--muted); margin:0 0 2rem; font-size:.9rem; }
h2{ font-weight:800; font-variation-settings:'wght' 800; letter-spacing:-.03em; line-height:1.15;
  font-size:clamp(1.2rem,2.2vw,1.5rem); margin:2.75rem 0 .9rem; }
h3{ font-weight:700; font-size:1rem; margin:1.5rem 0 .5rem; letter-spacing:-.02em; }
p, li{ color:var(--muted); }
p{ margin:0 0 1rem; }
ul{ margin:0 0 1rem; padding-left:1.2rem; }
li{ margin-bottom:.4rem; }
strong{ color:var(--text); font-weight:600; }

/* Navegación entre las tres páginas legales */
.legal-nav{ display:flex; flex-wrap:wrap; gap:.5rem; margin:0 0 2.25rem; }
.legal-nav a{ font-size:.82rem; text-decoration:none; color:var(--muted);
  border:1px solid var(--line); border-radius:var(--r-pill); padding:.4rem .9rem;
  transition:border-color .18s ease, color .18s ease; }
.legal-nav a:hover{ border-color:var(--line-2); color:var(--text); }
.legal-nav a[aria-current="page"]{ color:var(--ink); background:var(--accent); border-color:var(--accent); }


.dato{ font-family:var(--mono); font-size:.78rem; letter-spacing:.04em;
  background:rgba(34,211,238,.1); border:1px solid rgba(34,211,238,.34);
  color:var(--accent); padding:.1rem .45rem; border-radius:4px; }
.tabla > div > .dato{ justify-self:start; align-self:center; }

.tabla{ border:1px solid var(--line); border-radius:var(--r-card); overflow:hidden; margin:0 0 1.5rem; }
.tabla div{ display:grid; grid-template-columns:11rem 1fr; gap:1rem; padding:.75rem 1rem;
  border-bottom:1px solid rgba(125,195,255,.07); font-size:.9rem; }
.tabla div:last-child{ border-bottom:0; }
.tabla span:first-child{ font-family:var(--mono); font-size:.66rem; letter-spacing:.12em;
  text-transform:uppercase; color:var(--faint); align-self:center; }
.tabla span:last-child{ color:var(--muted); }
@media (max-width:600px){ .tabla div{ grid-template-columns:1fr; gap:.2rem; } }

footer{ border-top:1px solid var(--line); padding:2rem var(--gut) 3rem; text-align:center; }
footer p{ font-size:.85rem; color:var(--faint); margin:0; }