/* ================================
   HOME - CARROSSEL PRINCIPAL
   ================================ */
#carros-carrocel .carousel-inner {
    width: 100%;
    height: 80vh;           /* Altura proporcional */
    min-height: 400px;      /* Evita ficar muito baixo em telas pequenas */
    max-height: 900px;      /* Limite para telas grandes */
}

#carros-carrocel .carousel-item {
    height: 100%;           /* Ocupa todo o espaço disponível */
}

#carros-carrocel .carousel-item img {
    width: 100%;
    height: 100%;
    object-fit: cover;       /* Preenche sem distorcer */
    object-position: center; /* Centraliza foco */
    display: block;
    border-radius: 0;        /* Sem borda arredondada no destaque */
}

/* Legenda do carrossel */
#carros-carrocel .carousel-caption {
    left: 50%;
    transform: translateX(-50%);
    bottom: 2rem; 
    padding: 1rem 2rem;
    background: rgba(0, 0, 0, 0.55); /* Fundo mais escuro e legível */
    border-radius: 0.75rem;
    max-width: 75%;          /* Mantém o texto compacto */
    color: var(--text-light);
}

#carros-carrocel .carousel-caption h5 {
    font-size: 2rem;
    font-weight: 700;
    margin-bottom: 0.5rem;
}

#carros-carrocel .carousel-caption p {
    font-size: 1.1rem;
    margin: 0;
}

/* Botões de navegação */
#carros-carrocel .carousel-control-prev-icon,
#carros-carrocel .carousel-control-next-icon {
    background-size: 70% 70%;
    filter: invert(1) drop-shadow(0 0 5px rgba(0,0,0,0.6));
}

/* Responsividade */
@media (max-width: 768px) {
    #carros-carrocel .carousel-caption {
        bottom: 1rem;
        padding: 0.75rem 1rem;
        max-width: 90%;
    }

    #carros-carrocel .carousel-caption h5 {
        font-size: 1.5rem;
    }

    #carros-carrocel .carousel-caption p {
        font-size: 0.95rem;
    }
}