/* ==========================================================================
   Pauta Previsional — fondo de luz tras vidrio acanalado (solo cabecera del simulador)
   PC: con humo delicado que sigue al cursor (fondo.js). Celular: mismo fondo, sin humo.
   Modo claro casi imperceptible; modo oscuro con los valores aprobados el 3-nov-2026.
   ========================================================================== */
.glow-bg {
  --glow-base: #EFEDE8; --glow-1: #D9D5CC; --glow-2: #CFD6CC; --glow-3: #D8C9AA;
  --glass-hi: rgba(255,255,255,.35); --glass-lo: rgba(0,0,0,.035); --glass-line: rgba(0,0,0,.025);
  --vignette: rgba(0,0,0,.06);
  position: absolute; left: 0; right: 0; top: 0; height: 900px; z-index: -1; overflow: hidden; isolation: isolate;
  background: var(--glow-base); pointer-events: none;
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) .glow-bg {
    --glow-base: #0E0E0D; --glow-1: #77736A; --glow-2: #3E6650; --glow-3: #8A6D3B;
    --glass-hi: rgba(255,255,255,.08); --glass-lo: rgba(0,0,0,.16); --glass-line: rgba(0,0,0,.12); --vignette: rgba(0,0,0,.8);
  }
}
:root[data-theme="dark"] .glow-bg {
  --glow-base: #0E0E0D; --glow-1: #77736A; --glow-2: #3E6650; --glow-3: #8A6D3B;
  --glass-hi: rgba(255,255,255,.08); --glass-lo: rgba(0,0,0,.16); --glass-line: rgba(0,0,0,.12); --vignette: rgba(0,0,0,.8);
}
/* Tamaño fijo (no depende de la altura del fondo): así no hay saltos de diseño (CLS) cuando fondo.js ajusta la altura. */
.glow-bg__light { position: absolute; top: -300px; left: -25%; width: 150%; height: 1500px; z-index: -3;
  background:
    radial-gradient(32% 42% at 28% 40%, var(--glow-1), transparent 70%),
    radial-gradient(30% 40% at 72% 58%, var(--glow-2), transparent 70%),
    radial-gradient(18% 24% at 55% 26%, color-mix(in srgb, var(--glow-3) 55%, transparent), transparent 70%);
  filter: blur(42px); animation: glow-drift 26s ease-in-out infinite alternate; will-change: transform; }
.glow-bg__smoke { position: absolute; inset: 0; z-index: -2; width: 100%; height: 100%; filter: blur(5px); }
.glow-bg__glass { position: absolute; inset: 0; z-index: -1;
  background:
    repeating-linear-gradient(90deg, var(--glass-hi) 0, transparent 3px, var(--glass-lo) 8px, var(--glass-hi) 10px),
    repeating-linear-gradient(0deg, var(--glass-line) 0 1px, transparent 1px 3px),
    radial-gradient(120% 90% at 50% 40%, transparent 38%, var(--vignette) 100%),
    linear-gradient(transparent 70%, var(--paper) 100%); }
@keyframes glow-drift {
  0% { transform: translate3d(-6%, -3%, 0) scale(1); }
  50% { transform: translate3d(5%, 4%, 0) scale(1.08); }
  100% { transform: translate3d(-2%, 6%, 0) scale(1.02); } }
.glow-bg.is-paused .glow-bg__light { animation-play-state: paused; }
/* Celular: mismo fondo, sin humo y con un desenfoque más liviano */
@media (max-width: 767px) { .glow-bg__light { filter: blur(32px); } .glow-bg__smoke { display: none; } }
@media (prefers-reduced-motion: reduce) { .glow-bg__light { animation: none; will-change: auto; } }

/* Lo que va encima: cabecera translúcida y calculadora casi opaca, para que se lea bien */
body.has-glow { position: relative; }
.has-glow .nav { background: color-mix(in srgb, var(--paper) 82%, transparent); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); }
.has-glow .ticker { background: color-mix(in srgb, var(--paper-2) 70%, transparent); }
.has-glow .tool-card { background: color-mix(in srgb, var(--paper-2) 95%, transparent); border-color: var(--line);
  box-shadow: inset 1px 1px 0 rgba(255,255,255,.08); }
/* Páginas legales: el texto va sobre una tarjeta casi opaca */
.has-glow .legal { margin-block: var(--s-7); padding: clamp(24px, 5vw, 56px); background: color-mix(in srgb, var(--paper-2) 95%, transparent);
  border: var(--hairline); box-shadow: inset 1px 1px 0 rgba(255,255,255,.08); }
/* Portada: el fondo cubre toda la pantalla; la lista de países sobre una franja casi opaca */
.has-glow.portada .portada__lista { background: color-mix(in srgb, var(--paper-2) 92%, transparent); }
.has-glow.portada .portada__lista .pais__op { padding: 0 var(--s-4); }
.has-glow.portada .site-footer { background: transparent; }