/* Efecto fade para el hero */
.swiper-hero .swiper-slide {
    opacity: 0 !important;
    transition: opacity 1s ease-in-out;
}

.swiper-hero .swiper-slide-active,
.swiper-hero .swiper-slide-duplicate-active {
    opacity: 1 !important;
}

/* Asegurar que las imágenes ocupen todo el espacio */
.swiper-slide img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* Estilos para la paginación (si la usas) */
.swiper-pagination-bullet-active {
    background: #021977 !important;
}