/* Los tres textos legales comparten esta hoja. Son ficheros sueltos, fuera de
   React, porque se leen antes de tener cuenta —al registrarse— y porque se
   enlazan desde fuera: un texto legal tiene que tener dirección propia. */
:root { color-scheme: light dark; --tinta:#17191C; --fondo:#FFFFFF; --suave:#6B7682;
        --borde:#E3E6EA; --acento:#2364F9; --caja:#F7F8FA; --aviso:#8A6100;
        --aviso-fondo:#FFF8E6; --aviso-borde:#F2DFA8; }
@media (prefers-color-scheme: dark) {
  :root { --tinta:#F2F4F7; --fondo:#141619; --suave:#9AA3AD; --borde:#2A2E34; --caja:#1C1F24;
          --aviso:#E8B44A; --aviso-fondo:#2A2415; --aviso-borde:#4A3F1F; }
}
* { box-sizing: border-box; }
body { margin:0; padding:40px 24px 80px; background:var(--fondo); color:var(--tinta);
       font:16px/1.65 -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif; }
.caja { max-width:680px; margin:0 auto; }
.logo { height:28px; width:auto; margin-bottom:34px; color:var(--tinta); display:block; }
h1 { font-size:28px; line-height:1.25; margin:0 0 8px; letter-spacing:-0.02em; }
.sub { margin:0 0 30px; color:var(--suave); font-size:15px; }
h2 { font-size:19px; margin:34px 0 10px; letter-spacing:-0.01em; }
h3 { font-size:16px; margin:22px 0 6px; }
p { margin:0 0 12px; }
ul, ol { margin:0 0 12px; padding-left:22px; }
li { margin-bottom:6px; }
b { font-weight:600; }
a { color:var(--acento); }
/* Las direcciones y los comandos largos (página del conector) se parten: si no, sacan la página de ancho en el móvil. */
code { overflow-wrap:anywhere; font-family:ui-monospace, SFMono-Regular, Menlo, monospace; font-size:.88em;
       background:var(--caja); border:1px solid var(--borde); border-radius:6px; padding:1px 5px; }
table { border-collapse:collapse; width:100%; margin:0 0 14px; font-size:14.5px; }
th, td { text-align:left; vertical-align:top; padding:8px 10px 8px 0; border-bottom:1px solid var(--borde); }
th { font-weight:600; color:var(--suave); font-size:13px; }
.suave { color:var(--suave); font-size:14px; }
.nav { display:flex; gap:16px; flex-wrap:wrap; margin:0 0 28px; font-size:14px; }
.nav a { color:var(--suave); text-decoration:none; }
.nav a.aqui { color:var(--tinta); font-weight:600; }
.nav a:hover { color:var(--acento); }
.pendiente { background:var(--aviso-fondo); border:1px solid var(--aviso-borde); color:var(--aviso);
             border-radius:6px; padding:1px 6px; font-size:.92em; }
.pie { margin-top:44px; padding-top:18px; border-top:1px solid var(--borde); color:var(--suave); font-size:13.5px; }

/* Una tabla de muchas columnas (la comparativa) no cabe en el móvil: se desliza dentro de su
   caja, y la página no se sale de ancho. */
.tabla-ancha { overflow-x:auto; margin:0 0 14px; }
.tabla-ancha table { min-width:720px; margin:0; }
.tabla-ancha th:first-child { position:sticky; left:0; background:var(--fondo); }