#main-content {
    padding-top: 40px; 
}

/* 1. MOLDURA EXTERNA (Corta as pontas verdes) */
.carousel, 
.carousel-inner {
    border-radius: 20px !important; /* Usei 20px para combinar com o conteúdo */
    overflow: hidden !important;
}

/* 2. CONTEÚDO INTERNO (Onde fica a imagem e o texto) */
.carousel-item-content {
    width: 100%;
    height: 400px;
    border-radius: 20px;
    overflow: hidden;
    background-color: #1a1a1a; /* Fundo interno escuro */
    box-shadow: 0 10px 30px rgba(0,0,0,0.5);
    position: relative;
    overflow: visible !important; /* Essencial para o dropdown de opções não ser cortado */
}

/* 3. IMAGEM */
.carousel-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
}