/* Decoración de Navidad. Solo se aplica con html.navidad, que agrega js/season.js del 1-nov-2026 al 6-ene-2027. */
html.navidad { --nv-green: #1F7A4D; --nv-green-dark: #14553A; --nv-green-soft: #E3F3E9; --nv-gold: #FFD24A; }
.nv-banner { background: var(--nv-green); color: #FFF3C4; text-align: center; font-family: 'Baloo 2', sans-serif; font-weight: 700; font-size: 16px; padding: 8px 12px; border-bottom: 3px solid var(--nv-gold); }
html.navidad .nav-cta { background: var(--nv-green) !important; color: #fff !important; box-shadow: 0 4px 0 var(--nv-green-dark) !important; }
html.navidad main.home { box-shadow: 0 10px 0 var(--nv-green); position: relative; }
html.navidad .h-hero { position: relative; background: radial-gradient(circle at 85% 0%, #FF3A44 0%, var(--ml-red) 55%, #B80F17 100%); }
html.navidad .h-hero::before { content: "🎄"; position: absolute; left: 14px; top: 8px; font-size: 54px; z-index: 2; filter: drop-shadow(0 3px 0 rgba(0,0,0,.25)); }
html.navidad .h-hero::after { content: "🎅"; position: absolute; right: 18px; top: 10px; font-size: 52px; z-index: 2; filter: drop-shadow(0 3px 0 rgba(0,0,0,.2)); }
html.navidad .h-hero h1 { color: var(--nv-gold); }
html.navidad .block > h2::before { content: "❄️ "; }
html.navidad .block > h2::after { content: " ❄️"; }
html.navidad .edu-card { background: var(--nv-green-soft); box-shadow: 0 8px 0 var(--nv-green); }
html.navidad .edu-card h2 { color: var(--nv-green-dark); }
html.navidad .edu-card p { color: #234536; }
.nv-row { letter-spacing: 6px; font-size: 22px; margin-top: 4px; }
.nv-snow { position: fixed; inset: 0; pointer-events: none; z-index: 40; overflow: hidden; }
.nv-snow span { position: absolute; top: -24px; color: #fff; text-shadow: 0 0 4px rgba(0,0,0,.25); opacity: .85; animation: nvfall linear infinite; }
@keyframes nvfall { 0% { transform: translate(0, -5vh) rotate(0); } 50% { transform: translate(24px, 50vh) rotate(180deg); } 100% { transform: translate(-12px, 108vh) rotate(360deg); } }
@media (max-width: 700px) { html.navidad .h-hero::before, html.navidad .h-hero::after { font-size: 34px; top: 4px; } }
@media (prefers-reduced-motion: reduce) { .nv-snow { display: none; } }