/* Páginas secundarias (guías /para/…, /mcp/, legales) en el mismo oscuro que la portada: se carga después de
   styles.css y legal.css y sólo cambia los colores y la cabecera; la lectura (medidas, tablas) sigue en legal.css. */

:root {
  --bg: #0b0b0d;
  --surface: #141416;
  --surface-2: #1c1c1f;
  --ink: #fafafa;
  --muted: #a1a1aa;
  --accent: #2563eb;
  --accent-strong: #1d4ed8;
  --accent-ink: #ffffff;
  color-scheme: dark;
}
body { background: var(--bg); color: var(--ink); }

/* Cabecera como la de la portada: marca, secciones, Entrar y Crear cuenta. */
.nav { gap: 28px; padding-block: 18px; }
.nav .wordmark { font-size: 17px; }
.nav-links { margin-left: 0; flex: 1; font-size: 14px; gap: 24px; }
.nav-links a { color: var(--muted); }
.nav .entrar { margin-left: 0; color: var(--muted); font-size: 14px; }
.nav .entrar:hover { color: var(--ink); }
.nav .button { min-height: 36px; padding: 0 14px; font-size: 14px; border-radius: 6px; }
.button { border-radius: 6px; background: var(--accent); }
.button:hover { background: var(--accent-strong); }
@media (max-width: 900px) { .nav-links { display: none; } .nav .entrar { margin-left: auto; } }
@media (max-width: 420px) { .nav .entrar { display: none; } .nav .button { margin-left: auto; } }

.legal a:not(.button) { color: #93b4f5; }
.legal-entrada, .legal-fecha, .ejemplos dd, .guia-otros { color: var(--muted); }
.ejemplos > div:nth-child(odd), .legal .datos > div:nth-child(odd), .tabla-legal tbody tr:nth-child(odd) td { background: var(--surface); }
.guia pre { background: #111113; border: 1px solid #26262a; border-radius: 8px; } /* taste-skill-ignore: bloque de código */
.guia p code, .guia li > code, .tabla-legal code { background: var(--surface-2); border-radius: 4px; }

/* La captura de la app de cada guía, en el mismo marco que en la portada. */
.guia-captura { margin: 2rem 0 0; background: var(--surface); border: 1px solid #26262a; border-radius: 12px; padding: 6px; } /* taste-skill-ignore: marco de una captura de la app */
.guia-captura img { width: 100%; height: auto; border-radius: 7px; }
.guia-captura figcaption { font-size: 13px; color: var(--muted); padding: 8px 6px 2px; }

.legal-pie { border-top: 1px solid #26262a; padding-top: 0.5rem; }
.legal-pie a:hover { color: var(--ink); }