/* Slider de JJ Stereo. El logo y el player siguen por encima. */
.hero { position: relative; isolation: isolate; overflow: hidden; }
.hero .hero-image { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; z-index: -1; }
.hero .hero-image-next { opacity: 0; pointer-events: none; transition: opacity 900ms ease-in-out; }
.hero .hero-image-next.is-visible { opacity: 1; }
@media (prefers-reduced-motion: reduce) {
  .hero .hero-image-next { transition: none; }
}