/* base.css — base común del estilo «Turno de noche» (rediseño del 1 nov 2026; antes, «C · Estudio guiado»).
 * La cargan TODAS las páginas antes de su propia hoja (public/estilos/<página>.css), que solo añade lo suyo.
 * Idea: la consola de un centro de operaciones de seguridad (SOC) de noche. Fondo azul medianoche (no negro), texto
 * color papel, UN acento dominante ámbar «señal de alerta» y un segundo color lavanda para lo informativo.
 * El sitio va SIEMPRE en tema oscuro.
 *   Superficies: --bg (fondo) < --surf (paneles) < --surf2 (campos, botones secundarios) < --surf3 (encima / al pasar).
 *   Los paneles llevan un filo fino (--edge) y un brillo arriba (--lift), como las ventanas de un editor de código.
 *   Radios con jerarquía: --r-s (controles), --r (paneles), --r-lg (piezas grandes). No todo lleva el mismo.
 *   Letras: --f-texto (Atkinson Hyperlegible Next, hecha para leerse bien) y --f-titulo (Bricolage Grotesque);
 *   --f-mono (JetBrains Mono) SOLO para el código KQL.
 *   Fondo: cuadrícula de puntos muy tenue con dos resplandores; va fijo (no se mueve al desplazar).
 *   Las letras se cargan de Google Fonts desde cada HTML (la CSP lo permite: fonts.googleapis.com y fonts.gstatic.com).
 *   Si cambian las tipografías, cambia también el aviso de privacidad (privacidad.html y privacidad.en.html). */
:root{
--bg:#0d1330;--surf:#151c40;--surf2:#1d2654;--surf3:#273268;
--ink:#f2eee3;--mute:#a3add6;--line:#33407f;
--acc:#ffb23f;--accink:#231400;--accbg:#3a2f3a;
--acc2:#8ea6ff;--acc2bg:#222e66;
--ok:#57e3a2;--okbg:#123a3a;--on:#06140e;--bad:#ff6f7d;--badbg:#3d1d3c;--warn:#ff8b4a;--warnbg:#3d2532;
--codebg:#080c22;--codefg:#dfe4ff;--mixw:12%;
--edge:rgba(142,166,255,.14);--lift:inset 0 1px 0 rgba(242,238,227,.05);
--shadow:0 1px 0 rgba(242,238,227,.05) inset,0 24px 60px -20px rgba(3,6,24,.85);
--glow:0 0 0 1px rgba(255,178,63,.35),0 10px 30px -8px rgba(255,178,63,.45);
--r-s:8px;--r:14px;--r-lg:20px;
--ease:cubic-bezier(.2,.8,.2,1);
--f-texto:"Atkinson Hyperlegible Next","Atkinson Hyperlegible",system-ui,-apple-system,"Segoe UI",sans-serif;
--f-titulo:"Bricolage Grotesque",system-ui,sans-serif;
--f-mono:"JetBrains Mono",ui-monospace,Consolas,monospace;
color-scheme:dark}
*{box-sizing:border-box}
html{background:var(--bg)}
body{margin:0;color:var(--ink);font:17px/1.6 var(--f-texto);-webkit-font-smoothing:antialiased;
background:
radial-gradient(1100px 620px at -8% -12%,rgba(255,178,63,.11),transparent 60%),
radial-gradient(900px 700px at 112% 108%,rgba(142,166,255,.13),transparent 62%),
radial-gradient(rgba(163,173,214,.11) 1px,transparent 1.4px) 0 0/26px 26px,
linear-gradient(180deg,#0f1638 0%,var(--bg) 46%,#0a0f28 100%);
background-attachment:fixed}
h1,h2,h3{font-family:var(--f-titulo);font-weight:700;letter-spacing:-.025em;font-optical-sizing:auto}
h1{font-weight:800;letter-spacing:-.03em}
:focus-visible{outline:2px solid var(--acc);outline-offset:3px;border-radius:4px}
::selection{background:var(--acc);color:var(--accink)}
a{text-underline-offset:3px}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}