body {
}

/* carousel.css */

#carouselLocadoras .carousel-caption {
    background-color: rgba(0, 0, 0, 0.4);
    padding: 2.5rem; /* Espaço interno maior */
    border-radius: 12px;
    min-height: 150px; /* Altura mínima para mais texto */
    bottom: 20px; /* Distância da legenda da base */
    color: #fff !important; /* Texto branco garantido */
}

#carouselLocadoras .carousel-caption h1,h2,h3
#carouselLocadoras .carousel-caption p {
    color: #fff !important;
}

/* Limita altura da seção do carrossel */
#carouselSection {
    max-height: 600px;
    overflow: hidden;
}

/* Carousel inner com altura fixa */
#carouselLocadoras .carousel-inner {
    height: 600px;
}

/* Imagens do carrossel ocupam toda largura e altura, mantendo proporção */
#carouselLocadoras .carousel-item img {
    width: 100%;
    height: 600px;
    object-fit: cover;
}

/* Legendas com fundo semitransparente para melhor leitura */
#carouselLocadoras .carousel-caption {
    background-color: rgba(0, 0, 0, 0.4);
    padding: 1.5rem;
    border-radius: 12px;
    bottom: 20px;
}

/* Botões de controle padrão do Bootstrap, sem mudanças necessárias */


/* Versão testada com bootstrap v3.4.1 
.hero-img {
    width: 100%;
    height: 600px !important; / * Altura controlada * /
    object-fit: cover; / * Corta a imagem mantendo proporção * /
    display: block;
}

.carousel-caption {
    background-color: rgba(0, 0, 0, 0.5);
    padding: 20px;
    border-radius: 8px;
}

@@media (max-width: 768px) {
    .hero-img {
        height: 300px !important;
        object-fit: cover;
    }

    .carousel-caption h1 {
        font-size: 1.5em;
    }

    .carousel-caption p {
        font-size: 1em;
    }
}
*/