/* Optimización de carruseles - mantener efecto slide con precarga */

/* Asegurar que las imágenes estén listas antes de mostrarse */
.carousel-item img {
    background-color: #f0f0f0;
    min-height: 300px;
    object-fit: cover;
}

/* Mejorar rendimiento del carrusel - efecto slide más suave */
.carousel-inner {
    will-change: transform;
}

.carousel-item {
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
}

/* Transición slide más suave */
.carousel-item {
    transition: transform 0.6s ease-in-out;
}

/* Optimización para móviles */
@media (max-width: 768px) {
    .carousel-item img {
        min-height: 200px;
    }
}