#heroCarousel {
        margin-bottom: 30px;
    }
    
    #heroCarousel .carousel-item img {
        height: 500px;
        object-fit: cover;
    }
    
    #heroCarousel .carousel-caption {
        background-color: rgba(0, 0, 0, 0.6);
        border-radius: 10px;
        bottom: 20px;
    }
    
    #heroCarousel .carousel-caption h5 {
        color: var(--amarillo);
        font-weight: bold;
    }
    
    @media (max-width: 768px) {
        #heroCarousel .carousel-item img {
            height: 300px;
        }
    }
    /* Estilos para el carrusel */
    #heroCarousel .carousel-item img {
        width: 100%;
        object-position: center;
    }
    
    #heroCarousel .carousel-caption {
        bottom: 20px;
        left: 50%;
        transform: translateX(-50%);
        width: auto;
    }
    
    @media (max-width: 768px) {
        #heroCarousel .carousel-item img {
            height: 30vh !important;
            min-height: 200px !important;
        }
        
        #heroCarousel .carousel-caption h5 {
            font-size: 1rem;
        }
    }