/* CropWave seasonal themes: styles for assets/season.js (decorative layers only; brand colours untouched) */
.cwc-fx { position: fixed; inset: 0; width: 100vw; height: 100vh; pointer-events: none; z-index: 90; }
.cwc-sw { position: fixed; left: 50%; bottom: 74px; transform: translateX(-50%); z-index: 99999; display: flex; align-items: center; gap: 6px; flex-wrap: wrap; justify-content: center; max-width: 94vw; padding: 8px 10px; border-radius: 16px; background: rgba(10,21,32,.92); -webkit-backdrop-filter: blur(14px); backdrop-filter: blur(14px); box-shadow: 0 14px 40px rgba(0,0,0,.45); border: 1px solid rgba(171,224,249,.22); font-family: 'Urbanist', sans-serif; }
.cwc-sw b { font-size: 10px; letter-spacing: .16em; text-transform: uppercase; color: #9fb0bd; font-weight: 700; padding: 0 6px; }
.cwc-sw button { font: inherit; font-size: 13px; font-weight: 600; color: #eeeae2; background: transparent; border: 1px solid rgba(171,224,249,.25); border-radius: 99px; padding: 7px 12px; cursor: pointer; }
.cwc-sw button:hover { border-color: #ABE0F9; }
.cwc-sw button[aria-pressed="true"] { background: #ABE0F9; color: #0a1520; border-color: #ABE0F9; }

/* ---- Navidad ---- */
.cwc-word { position: absolute; pointer-events: none; z-index: 4; overflow: visible; opacity: 0; transition: opacity 1.2s ease; }
.cwc-word.on { opacity: 1; }
.cwc-word .cwc-glass { filter: drop-shadow(0 0 3px currentColor); }
.cwc-bulb { animation: cwcTwinkle 2.6s ease-in-out infinite; }
.cwc-bulb.t1 { animation-delay: -.9s; } .cwc-bulb.t2 { animation-delay: -1.7s; }
@keyframes cwcTwinkle { 0%, 100% { opacity: 1; } 45% { opacity: .5; } 60% { opacity: 1; } }
html[data-season="navidad"] .hero::after { content: ""; position: absolute; inset: 0; z-index: 1; pointer-events: none; background: radial-gradient(ellipse 60% 55% at 15% 100%, rgba(255,64,64,.14), transparent 70%), radial-gradient(ellipse 50% 50% at 88% 0%, rgba(61,220,132,.14), transparent 70%); mix-blend-mode: screen; }

/* logo hat, nav lights, footer note */
.cwc-logohat { position: absolute; left: 31px; top: -9px; width: 25px; pointer-events: none; transform: rotate(-12deg); filter: drop-shadow(0 2px 3px rgba(0,0,0,.35)); }
.cwc-logohat svg { display: block; width: 100%; height: auto; }
.cwc-navlights { position: absolute; left: 0; top: 100%; pointer-events: none; overflow: visible; z-index: 1; }
@media (prefers-reduced-motion: reduce) { .cwc-bulb { animation: none !important; } .cwc-word { transition: none; } }
@media (max-width: 700px) { .cwc-sw { bottom: 12px; } }