.fyaz-hero {
    position: relative;
    overflow: hidden;
}

/* Cada slide ocupa 100% del ancho y se adapta a la altura automáticamente */
.fyaz-slide {
    position: absolute;
    inset: 0;
    opacity: 0;
    transition: opacity 0.6s ease-in-out;
}

/* Slide activo */
.fyaz-slide.active {
    position: relative;
    opacity: 1;
}

/* Imagen: ancho 100%, altura auto para respetar proporciones */
.fyaz-slide img {
    width: 100%;
    height: auto;
    display: block;
}

/* Animación para 3 slides */
.fyaz-slide:nth-child(1) { animation: slideShow 15s infinite; }
.fyaz-slide:nth-child(2) { animation: slideShow 15s infinite 5s; }
.fyaz-slide:nth-child(3) { animation: slideShow 15s infinite 10s; }

@keyframes slideShow {
    0% { opacity: 0; }
    10% { opacity: 1; }
    30% { opacity: 1; }
    40% { opacity: 0; }
    100% { opacity: 0; }
}

/* Ajustes responsive para mobile */
@media (max-width: 1024px) {
    .fyaz-slide img {
        width: 100%;
        height: auto; /* importante para respetar la proporción mobile */
        max-height: none; /* aseguramos que no se corte */
        object-fit: contain; /* mantiene la imagen completa dentro del contenedor */
    }
}