.categoria-descricao {
    order: 1;
    display:none;
}



#rodape-certificacoes .rodape-titulo {
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 10px;
    color: #333;
}

#rodape-certificacoes img {
    max-width: 150px;
    height: auto;
    border: 1px solid #ddd;
    border-radius: 5px;
    transition: transform 0.3s ease;
}

#rodape-certificacoes img:hover {
    transform: scale(1.1); /* Efeito de zoom ao passar o mouse */
}

.collapsible-rodape {
    cursor: pointer;
    border: none;
    background: none;
    font-size: 16px;
    font-weight: bold;
    color: #333;
    display: flex;
    align-items: center;
    gap: 10px;
}


/* Ajuste geral do banner */
.banners-full {
    width: 100vw; /* Ocupa 100% da largura da janela */
    max-width: 100%; /* Garante que não ultrapasse a largura da tela */
    overflow: hidden; /* Remove possíveis transbordamentos */
    margin: 0; /* Remove margens externas */
    padding: 0; /* Remove espaçamentos internos */
}

/* Imagem dentro do banner */
.banners-full img {
    width: 100%; /* Faz a imagem ocupar toda a largura do container */
    height: auto; /* Mantém a proporção original */
    display: block; /* Remove espaços extras ao redor das imagens */
}

/* Ajustes específicos para o carrossel no mobile */
@media (max-width: 768px) {
    .banners-full {
        width: 100%; /* Garante que o container do banner ocupe toda a tela no mobile */
        max-width: 100vw; /* Limita a largura ao tamanho da tela */
    }

    .banners-full .slick-list {
        max-width: 100%; /* Garante que a lista de banners não ultrapasse a largura da tela */
        overflow: hidden; /* Remove conteúdo excedente */
    }

    .banners-full .slick-track {
        width: 100%; /* Ajusta o carrossel ao tamanho do container */
        display: flex; /* Garante que os itens fiquem alinhados corretamente */
    }

    .banners-full .slick-slide {
        width: 100% !important; /* Cada slide ocupa 100% da tela */
        max-width: 100%; /* Limita o slide ao tamanho da tela */
        box-sizing: border-box; /* Inclui padding e bordas no cálculo do tamanho */
    }
}

@media only screen and (max-width: 1024px) {
    .banners-full .int-mobile img {
        max-width: 100% !important;
        width: auto !important;
    }
}