body {
    padding-top: 120px;
    /* Ajuste conforme a altura real da sua header */
}

@media (max-width: 768px) {
    body {
        padding-top: 300px;
        /* Ajuste para telas pequenas, se necessário */
    }
}

header {
    z-index: 1000;
    /* Garante que a header fique acima do conteúdo */
}

.carousel {
    z-index: 1;
    /* Garante que o carrossel fique abaixo da header */
}

#textCarousel {
    margin-top: 20px;
}

@media (max-width: 768px) {
    #textCarousel {
        margin-top: 50px;
        /* Ajuste conforme necessário para dar espaço no mobile */
    }
}

.navbar {
    z-index: 1050;
}

.card-container {
    display: none;
    /* Hide cards initially to avoid flicker */
}

.mb-custom {
    margin-bottom: 2rem;
    /* Custom bottom margin */
}

.carousel-control-prev,
.carousel-control-next {
    width: 5%;
}

.carousel-control-prev-icon,
.carousel-control-next-icon {
    background-color: rgba(0, 0, 0, 0.5);
    border-radius: 50%;
}

.carousel-control-prev-icon::before,
.carousel-control-next-icon::before {
    font-size: 2rem;
    color: white;
}

.carousel-control-prev {
    left: 10px;
}

.carousel-control-next {
    right: 10px;
}

.card-header-02 {
    cursor: pointer;
    background-color: #1a9cde;
    color: white;
    padding: 10px;
    /* Diminui o padding para reduzir a altura */
    font-size: 18px;
    min-height: 40px;
    /* Define uma altura mínima menor */
    border-radius: 15px;
}

.card-header-02:hover {
    background-color: #2488bc;
    box-shadow: 8px 8px 16px rgba(0, 0, 0, 0.4), -8px -8px 16px rgba(255, 255, 255, 0.9);
    transform: scale(1.02); /* Faz o elemento crescer levemente */        
}

.card-header-02-abertos {
    cursor: pointer;
    background-color: #236533;
    color: white;
    padding: 10px;
    /* Diminui o padding para reduzir a altura */
    font-size: 18px;
    min-height: 40px;
    /* Define uma altura mínima menor */
    border-radius: 15px;
}

.card-header-02-abertos:hover {
    background-color: #025014;
    box-shadow: 8px 8px 16px rgba(0, 0, 0, 0.4), -8px -8px 16px rgba(255, 255, 255, 0.9);
    transform: scale(1.02); /* Faz o elemento crescer levemente */             
}

.collapse-icon {
    float: right;
    font-size: 16px;
    transition: transform 0.3s ease;
}

.collapse.show .collapse-icon {
    transform: rotate(180deg);
}


.text-center {
    text-align: center;
}

@media (max-width: 768px) {
    body {
        padding-top: 120px; /* Ajustado para não ser tão grande */
        /* Ajuste para telas pequenas, se necessário */
    }

    #textCarousel {
        margin-top: 10px; /* Diminui o espaço superior no mobile */
        /* Ajuste conforme necessário para dar espaço no mobile */
    }
}

.carousel {
    z-index: 1;
    /* Garante que o carrossel fique abaixo da header */
}

#textCarousel {
    margin-top: 60px;
}

.tooltip-inner {
    white-space: normal; /* Permite múltiplas linhas */
    word-wrap: break-word; /* Evita que palavras grandes saiam da caixa */
    max-width: 600px; /* Define um tamanho máximo para o tooltip */
}