/* Tema A, "Medianoche eléctrica". Modo claro: gris azulado sutil con tarjetas blancas que contrastan y acento azul eléctrico.
   Modo oscuro: negro azulado con orbes azul rey, índigo y cian que derivan. La portada de presentación es nocturna en ambos. */
@import url("/tema-noche.css?v=4");
:root:root:root {
  --esquema: light;
  --papel: #E8EBF0; --tarjeta: #FFFFFF; --tinta: #0B1220; --tinta-2: #3A4559; --niebla: #687286; --linea: #D3D9E3;
  --gris: #DCE1E9; --suave: #F1F3F7; --marca: #1D4ED8; --on-marca: #FFFFFF; --marca-hover: #2F6BFF; --oscuro: #05070F;
  --acento: #2563EB; --acento-suave: #E4ECFF; --cielo: #3B82F6; --ok: #15845A; --mal: #C2410C;
  --brillo: linear-gradient(135deg, #1E40FF 0%, #2F6BFF 50%, #1A9FE0 100%);
  --brillo-texto: linear-gradient(90deg, #1D4ED8 0%, #2563EB 45%, #0891D1 100%);
  --linea-luz: linear-gradient(90deg, transparent, #1E40FF, #22C3F5, #7DB4FF, transparent);
  --sombra: 0 1px 2px rgba(11,18,32,.06), 0 12px 30px -16px rgba(11,18,32,.25);
  --orbe1: rgba(47,107,255,.16); --orbe2: rgba(99,102,241,.12); --orbe3: rgba(34,195,245,.12);
  --logo-fondo: radial-gradient(circle at 30% 25%, #2F6BFF, #0B1A5C 70%); --logo-tinta: #FFFFFF;
  --logo-aro: conic-gradient(from 0deg, transparent 0 55%, #22C3F5 75%, #7DB4FF 88%, transparent);
  --luz: #22C3F5; --velo: rgba(3,5,14,.88);
}
@media (prefers-color-scheme: dark) {
  :root:root:root:not([data-theme="light"]) {
    --esquema: dark;
    --papel: #04060C; --tarjeta: #0B1222; --tinta: #EAF0FF; --tinta-2: #B4C0DA; --niebla: #7D8BAA; --linea: #1A2542;
    --gris: #1C2742; --suave: #0F1830; --marca: #3B82F6; --on-marca: #FFFFFF; --marca-hover: #60A5FA; --oscuro: #03050B;
    --acento: #3B9BFF; --acento-suave: rgba(59,155,255,.10); --cielo: #60A5FA; --ok: #4ADE9B; --mal: #FF8A7A;
    --brillo: linear-gradient(135deg, #1E40FF 0%, #2F7BFF 50%, #22C3F5 100%);
    --brillo-texto: linear-gradient(90deg, #7DB4FF 0%, #3B9BFF 45%, #5EE3FF 100%);
    --sombra: 0 1px 2px rgba(0,0,0,.4), 0 14px 36px -16px rgba(0,0,0,.8);
    --orbe1: rgba(37,70,255,.55); --orbe2: rgba(88,60,230,.42); --orbe3: rgba(34,195,245,.30);
    --luz: #5EE3FF;
  }
}
:root:root:root[data-theme="dark"] {
  --esquema: dark;
  --papel: #04060C; --tarjeta: #0B1222; --tinta: #EAF0FF; --tinta-2: #B4C0DA; --niebla: #7D8BAA; --linea: #1A2542;
  --gris: #1C2742; --suave: #0F1830; --marca: #3B82F6; --on-marca: #FFFFFF; --marca-hover: #60A5FA; --oscuro: #03050B;
  --acento: #3B9BFF; --acento-suave: rgba(59,155,255,.10); --cielo: #60A5FA; --ok: #4ADE9B; --mal: #FF8A7A;
  --brillo: linear-gradient(135deg, #1E40FF 0%, #2F7BFF 50%, #22C3F5 100%);
  --brillo-texto: linear-gradient(90deg, #7DB4FF 0%, #3B9BFF 45%, #5EE3FF 100%);
  --sombra: 0 1px 2px rgba(0,0,0,.4), 0 14px 36px -16px rgba(0,0,0,.8);
  --orbe1: rgba(37,70,255,.55); --orbe2: rgba(88,60,230,.42); --orbe3: rgba(34,195,245,.30);
  --luz: #5EE3FF;
}