/* Transiciones y visibilidad para las imágenes en el carrusel de héroe */
.hero-autoswitch-container {
    position: relative;
    overflow: hidden;
}

.hero-autoswitch-slide {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    transition: opacity 1.5s ease-in-out, transform 1.5s ease-in-out;
    pointer-events: none;
    z-index: 1;
}

.hero-autoswitch-slide.is-active {
    position: relative;
    opacity: 1;
    pointer-events: auto;
    z-index: 2;
    transform: scale(1.02);
}