/* Fondos de temporada (inc/temporadas.php). Franja arriba con texto y adornos, y una animación ligera que nunca tapa
   botones ni textos (pointer-events:none). Sin animación si el navegador pide menos movimiento. */

.mt-season-bar{position:relative;z-index:30;display:flex;align-items:center;justify-content:center;gap:14px;min-height:46px;padding:8px 92px;
  font:600 .9rem/1.35 "Helvetica Neue",Helvetica,Arial,sans-serif;text-align:center;overflow:hidden}
.mt-season-text{position:relative;margin:0!important;max-width:900px}
/* Con sonido, la franja entera es un botón (sin botón aparte): al tocarla suena y los adornos «bailan». */
button.mt-season-bar{width:100%;margin:0;border:0;border-radius:0;cursor:pointer;appearance:none;-webkit-appearance:none;-webkit-tap-highlight-color:transparent;text-transform:none;letter-spacing:inherit;box-shadow:none}
button.mt-season-bar:focus-visible{outline:3px solid #fff;outline-offset:-5px}
button.mt-season-bar:hover .mt-season-text{text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}
.mt-season-bar.is-playing .mt-deco{animation:mt-dance .45s ease-in-out infinite alternate}
.mt-season-bar.is-playing .mt-deco-r{animation-delay:.22s}
@keyframes mt-dance{from{transform:translateY(-50%) rotate(-10deg) scale(1)}to{transform:translateY(-62%) rotate(10deg) scale(1.15)}}
.mt-season-art{position:absolute;inset:0;pointer-events:none}
.mt-deco{position:absolute;top:50%;width:40px;height:40px;transform:translateY(-50%)}
.mt-deco svg{width:100%;height:100%;display:block}
.mt-deco-l{left:22px}.mt-deco-r{right:22px}
.mt-season-sky{position:fixed;inset:0;z-index:9990;pointer-events:none;overflow:hidden}
@media (max-width:600px){.mt-season-bar{padding:8px 56px;font-size:.8rem;flex-wrap:wrap;gap:6px}.mt-deco{width:30px;height:30px}.mt-deco-l{left:10px}.mt-deco-r{right:10px}}

/* ---------- Halloween: noche morada y naranja, murciélagos que cruzan ---------- */
.mt-temporada-halloween .mt-season-bar{background:linear-gradient(90deg,#1c0f2b,#3a1450 50%,#1c0f2b);color:#ffb35c}
.mt-temporada-halloween .mt-season-bar:after{content:"";position:absolute;inset:auto 0 0;height:3px;background:repeating-linear-gradient(90deg,#ff8a1f 0 14px,transparent 14px 22px)}
.mt-fly{position:fixed;z-index:9991;width:64px;top:22vh;left:-80px;pointer-events:none;opacity:.85;animation:mt-bat 16s linear infinite}
.mt-fly svg{width:100%;display:block}
.mt-fly-2{top:48vh;width:44px;animation-duration:21s;animation-delay:6s}
.mt-fly-3{top:70vh;width:36px;animation-duration:26s;animation-delay:12s}
@keyframes mt-bat{0%{transform:translate(0,0) scaleY(1)}10%{transform:translate(12vw,-4vh) scaleY(.6)}20%{transform:translate(24vw,2vh) scaleY(1)}30%{transform:translate(36vw,-3vh) scaleY(.6)}40%{transform:translate(48vw,3vh) scaleY(1)}50%{transform:translate(60vw,-2vh) scaleY(.6)}60%{transform:translate(72vw,2vh) scaleY(1)}70%{transform:translate(84vw,-4vh) scaleY(.6)}80%,100%{transform:translate(115vw,0) scaleY(1)}}
.mt-temporada-halloween .matova-footer{box-shadow:inset 0 4px 0 #ff8a1f}

/* ---------- Black Friday: negro y amarillo, cinta que corre ---------- */
.mt-temporada-black-friday .mt-season-bar{background:#0d0d0d;color:#f5d000;letter-spacing:.02em}
.mt-temporada-black-friday .mt-season-text:before{content:"BLACK FRIDAY";display:inline-block;margin-right:12px;padding:3px 9px;background:#f5d000;color:#0d0d0d;font-weight:900;letter-spacing:.08em}
.mt-temporada-black-friday .mt-season-bar:after{content:"";position:absolute;inset:auto 0 0;height:4px;background:repeating-linear-gradient(-45deg,#f5d000 0 10px,#0d0d0d 10px 20px);background-size:200% 100%;animation:mt-tape 6s linear infinite}
@keyframes mt-tape{to{background-position:-200px 0}}

/* ---------- Navidad: verde y rojo, luces que parpadean y nieve ---------- */
.mt-temporada-navidad .mt-season-bar{background:linear-gradient(90deg,#0f4d2a,#14633a 50%,#0f4d2a);color:#fff7e0;padding-bottom:16px}
.mt-lights{position:absolute;left:0;right:0;bottom:2px;display:flex;justify-content:space-around;pointer-events:none}
.mt-lights i{width:8px;height:11px;border-radius:50% 50% 45% 45%;background:#f1c84b;box-shadow:0 0 8px #f1c84b;animation:mt-blink 1.6s ease-in-out infinite}
.mt-lights i:nth-child(3n+1){background:#ff4b4b;box-shadow:0 0 8px #ff4b4b;animation-delay:.4s}
.mt-lights i:nth-child(3n+2){background:#4bc3ff;box-shadow:0 0 8px #4bc3ff;animation-delay:.8s}
@keyframes mt-blink{50%{opacity:.35;box-shadow:none}}
.mt-snow{position:absolute;top:-12px;width:7px;height:7px;border-radius:50%;background:#fff;box-shadow:0 0 4px rgba(120,140,160,.6);opacity:.85;animation:mt-fall linear infinite}
@keyframes mt-fall{to{transform:translate3d(var(--mt-x,30px),105vh,0)}}

/* ---------- Entroido: fitas de cores (pantallas e peliqueiros), confeti e chocas ---------- */
.mt-temporada-entroido .mt-season-bar{background:linear-gradient(90deg,#8a2433,#b3202f 30%,#1d5fa8 65%,#e0a21a);color:#fff;padding-bottom:18px}
.mt-ribbons{position:absolute;left:0;right:0;bottom:0;display:flex;justify-content:space-around;pointer-events:none}
.mt-ribbons i{width:10px;height:14px;transform-origin:top;animation:mt-sway 2.4s ease-in-out infinite}
.mt-ribbons i:nth-child(5n+1){background:#e33b3b}.mt-ribbons i:nth-child(5n+2){background:#f1c84b;animation-delay:.3s}
.mt-ribbons i:nth-child(5n+3){background:#2f8f4a;animation-delay:.6s}.mt-ribbons i:nth-child(5n+4){background:#2d6fd1;animation-delay:.9s}
.mt-ribbons i:nth-child(5n){background:#fff;animation-delay:1.2s}
@keyframes mt-sway{50%{transform:rotate(12deg) scaleY(1.2)}}
.mt-confetti{position:absolute;top:-14px;width:8px;height:12px;opacity:.9;animation:mt-fall-spin linear infinite}
@keyframes mt-fall-spin{to{transform:translate3d(var(--mt-x,30px),105vh,0) rotate(720deg)}}

@media (prefers-reduced-motion:reduce){
  .mt-fly,.mt-snow,.mt-confetti{display:none!important}
  .mt-season-bar *,.mt-season-bar:after{animation:none!important}
}