/* CSS Default Comments */

/* Definir la altura del carrusel y asegurar que no desborde */
#bannerCarousel,
#bannerCarousel .carousel-inner,
#bannerCarousel .carousel-item {
    /* Puedes ajustar la altura en vh (porcentaje de pantalla) o px */
    height: 70vh; 
    min-height: 500px;
}

/* Ajuste del video para mantener la proporción y cubrir la nueva altura */
#bannerCarousel .carousel-item video {
    width: 100%;
    height: 100%;
    object-fit: cover; /* Evita que el video se deforme al escalar */
}

/* Ajustes opcionales para pantallas pequeñas (Móviles) */
@media (max-width: 768px) {
    #bannerCarousel,
    #bannerCarousel .carousel-inner,
    #bannerCarousel .carousel-item {
        height: 50vh;
        min-height: 350px;
    }
}