/* Tema navideño: solo se carga con la clase .navidad en <html> (ver navidad-20261101.js).
   No cambia los colores de la marca: agrega luces, mensaje y nieve. */
.nv-franja{ background:var(--navy-deep,#0C1D36); color:#fff; position:relative; }
.nv-luces{ height:20px; position:relative; overflow:hidden; display:flex; gap:22px; padding-left:8px; }
.nv-luces::before{ content:""; position:absolute; left:0; right:0; top:2px; height:2px; background:#0a1628; border-radius:2px; }
.nv-luces i{ flex:none; width:12px; height:12px; margin-top:3px; border-radius:50% 50% 55% 55%; position:relative; animation:nv-parpadeo 1.8s ease-in-out infinite; }
.nv-luces i:nth-child(5n+1){ background:#e0463a; box-shadow:0 0 8px 2px rgba(224,70,58,.55); }
.nv-luces i:nth-child(5n+2){ background:#F26B1F; box-shadow:0 0 8px 2px rgba(242,107,31,.55); }
.nv-luces i:nth-child(5n+3){ background:#f5d76e; box-shadow:0 0 8px 2px rgba(245,215,110,.55); }
.nv-luces i:nth-child(5n+4){ background:#3fae6a; box-shadow:0 0 8px 2px rgba(63,174,106,.55); }
.nv-luces i:nth-child(5n+5){ background:#5aa0f0; box-shadow:0 0 8px 2px rgba(90,160,240,.55); }
.nv-luces i::before{ content:""; position:absolute; left:3px; top:-4px; width:6px; height:5px; background:#0a1628; border-radius:1px; }
@keyframes nv-parpadeo{ 0%,100%{ opacity:1; } 50%{ opacity:.35; } }
.nv-mensaje{ text-align:center; padding:7px 16px 9px; font-size:.86rem; line-height:1.35; background:var(--navy,#13294B); }
.nv-mensaje a{ color:#fff; font-weight:700; text-decoration:underline; text-underline-offset:3px; margin-left:6px; white-space:nowrap; }
.nv-mensaje a:hover{ color:#ffd9bf; }
.nv-nieve{ position:fixed; inset:0; width:100%; height:100%; pointer-events:none; z-index:40; }
@media (prefers-reduced-motion: reduce){ .nv-luces i{ animation:none; } }
@media (max-width:600px){ .nv-mensaje{ font-size:.8rem; padding:6px 12px 8px; } .nv-luces{ gap:18px; } }