/* 
* Fix para el problema de superposición de slides - InfoVentas 
* Este archivo asegura que los slides se muestren correctamente uno a la vez
*/

/* Asegurar que el contenedor tiene posición relativa */
.hero-slider {
    position: relative !important;
    overflow: hidden !important;
}

/* Contenedor principal del carrusel */
.carousel-container {
    position: relative !important;
    overflow: hidden !important;
}

/* Contenedor de los slides */
.carousel-slides {
    position: relative !important;
    height: 100% !important;
    width: 100% !important;
}

/* Estilo base para todos los slides */
.carousel-slide {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    opacity: 0 !important;
    visibility: hidden !important;
    transition: opacity 0.5s ease, visibility 0.5s ease !important;
    z-index: 1 !important;
}

/* Slide activo */
.carousel-slide.active {
    opacity: 1 !important;
    visibility: visible !important;
    z-index: 2 !important;
}

/* Asegurar que las capas de fondo se posicionan correctamente */
.carousel-slide [style*="position: absolute"] {
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
}

/* Asegurarse de que los controles están por encima */
.carousel-control {
    z-index: 10 !important;
}

/* Asegurarse de que los indicadores están por encima */
.carousel-indicators {
    z-index: 10 !important;
}