/* CSS Document */
:root {
    --cor-verde-principal: #004818;
    --cor-vermelho-principal: #b02b08;
    --cor-amarelo-principal: #ecc737;
    --cor-cinza-principal: #e0dfd1;
    --cor-amarelo-PA1: #e0ae00;
    --cor-azul-PA2: #2098af;
    --cor-vermelho-PA3: #dd3210;
    --cor-verde-PA4: #007c2f;
    --cor-laranja-PA5: #f07f3c;
}

h1, h2, h3, h4 {
    font-family: 'Exo 2', 'Maven Pro', sans-serif !important;
    /*font-weight: bold;*/
}

h1 {
    color: var(--cor-verde-principal);
    font-size: clamp(24px, 6dvw, 40px);
    font-weight: bold;
}

h2 {
    font-size: clamp(22px, 4vw, 36px);
    text-align: center;
}

h3 {
    font-size: clamp(20px, 4vw, 32px);
    text-align: center;
}

h4 {
    font-size: clamp(18px, 4vw, 28px);
    color: var(--cor-verde-principal);
    margin: 1% 0;
}

ul li {
    font-family: 'Maven Pro', sans-serif;
    font-size: clamp(12px, 3vw, 20px) !important;
}ol li {
    font-family: 'Maven Pro', sans-serif;
    font-size: clamp(12px, 3vw, 20px) !important;
}dl li {
    font-family: 'Maven Pro', sans-serif;
    font-size: clamp(12px, 3vw, 20px) !important;
}

ul li:hover > ul {
    display: block;
}

.cor-verde-principal {
    color: #004818;
}.bg-verde-principal {
    background-color: #004818;
}
.cor-vermelho-principal {
    color: #b02b08;
}.bg-vermelho-principal {
    background-color: #b02a37;
 }
.cor-amarelo-principal {
    color: #ecc737;
}.bg-amarelo-principal {
    background-color: #ecc737;
 }
.cor-cinza-principal {
    color: #e0dfd1;
}.bg-cinza-principal {
    background-color: #e0dfd1;
 }
.cor-amarelo-PA1{
    color: #e0ae00;
}.bg-amarelo-PA1 {
    background-color: #e0ae00;
 }
.cor-azul-PA2 {
    color: #2098af;
}.bg-azul-PA2 {
    background-color: #2098af;
 }
.cor-vermelho-PA3 {
     color: #dd3210;
 }.bg-vermelho-PA3 {
    background-color: #dd3210;
  }
.cor-verde-PA4 {
    color: #007c2f;
}.bg-verde-PA4 {
    background-color: #007c2f;
 }
.cor-laranja-PA5 {
    color: #f07f3c;
}.bg-laranja-PA5 {
    background-color: #f07f3c;
 }

p {
    /*color: black;*/
    font-family: 'Maven Pro', sans-serif;
    font-size: clamp(16px, 3vw, 20px);
}

section {
    margin-top: 3rem;
    margin-bottom: 3rem;
}

.btn-primary {
    --bs-btn-color: #fff;
    --bs-btn-bg: var(--cor-verde-principal);
    --bs-btn-border-color: var(--cor-verde-PA4);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: var(--cor-verde-PA4);
    --bs-btn-hover-border-color: var(--cor-verde-principal);
    --bs-btn-focus-shadow-rgb: 49, 132, 253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: var(--cor-verde-PA4);
    --bs-btn-active-border-color: var(--cor-verde-principal);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: var(--cor-verde-PA4);
    --bs-btn-disabled-border-color: var(--cor-verde-principal);
}

.btn-outline-primary {
    --bs-btn-color:  var(--cor-verde-PA4);
    --bs-btn-border-color: var(--cor-verde-principal);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: var(--cor-verde-principal);
    --bs-btn-hover-border-color: var(--cor-verde-PA4);
    --bs-btn-focus-shadow-rgb: 13, 110, 253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: var(--cor-verde-principal);
    --bs-btn-active-border-color: var(--cor-verde-PA4);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #0d6efd;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #0d6efd;
    --bs-gradient: none;
}

/* Fundo cobrindo a tela inteira */
#preloader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: var(--cor-cinza-principal); /* fundo branco, pode trocar */
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 9999; /* sempre por cima */
}

/* Animação do loader */
.spinner {
    width: 100px;
    height: 100px;
    border: 5px solid #ccc;
    border-top-color: var(--cor-verde-principal); /* cor principal */
    border-radius: 50%;
    animation: girar 1s linear infinite;
}

@keyframes girar {
    to {
        transform: rotate(360deg);
    }
}

.fade-in {
    opacity: 0;
    transform: translateY(20px);
    transition: opacity 0.8s ease, transform 0.8s ease;
}

.fade-in.mostrar {
    opacity: 1;
    transform: translateY(0);
}

/* Esconde o conteúdo até o carregamento */
.conteudo {
    display: none;
}

mark {
    background-color: var(--cor-cinza-principal);
    color: black;
    padding: 0.1rem 0;
}

/* Estilos para a Lightbox */
#lightbox {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.8); /* Fundo semi-transparente */
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1000; /* Garante que a lightbox fique acima de outros elementos */
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease, visibility 0.3s ease;
}

#lightbox.lightbox-visible {
    opacity: 1;
    visibility: visible;
}

#lightbox img {
    max-width: 90%;
    max-height: 90%;
    object-fit: contain; /* Garante que a imagem se ajuste sem cortar */
}

/* Botão de fechar */
.lightbox-close {
    position: absolute;
    top: 20px;
    right: 30px;
    color: #fff;
    font-size: 40px;
    cursor: pointer;
    z-index: 1001; /* Acima da imagem */
}

/* Navegação (setas) */
/* PODE APAGAR A CLASSE .lightbox-nav INTEIRA */

/* Novas regras para as setas individuais */
.lightbox-prev,
.lightbox-next {
    position: absolute; /* Adicionado para flutuar sobre a imagem */
    top: 50%; /* Joga para o meio da tela */
    transform: translateY(-50%); /* Centraliza perfeitamente no eixo Y */
    color: #fff;
    font-size: 50px;
    cursor: pointer;
    user-select: none;
    padding: 10px;
    z-index: 1001; /* Garante que fiquem clicáveis acima da imagem */
}

/* Posiciona cada seta no seu respectivo lado (substituindo o flexbox antigo) */
.lightbox-prev {
    left: 20px;
}

.lightbox-next {
    right: 20px;
}

/* O restante do seu CSS continua igualzinho */
.lightbox-prev:hover,
.lightbox-next:hover,
.lightbox-close:hover {
    color: #ccc;
}

.lightbox-fullscreen {
    position: absolute;
    top: 37px;
    right: 70px;
    font-size: 25px;
    color: white;
    cursor: pointer;
    z-index: 1001;
    transition: transform 0.2s ease, color 0.2s ease;
    user-select: none;
}

.lightbox-download {
    position: absolute;
    top: 35px;
    right: 110px; /* Posicionado antes do botão de tela cheia */
    font-size: 24px;
    color: white;
    text-decoration: none; /* Remove o sublinhado do link */
    cursor: pointer;
    z-index: 1001;
    transition: transform 0.2s ease, color 0.2s ease;
    user-select: none;
}

.lightbox-download:hover {
    color: #ccc;
    transform: scale(1.1);
}

.lightbox-fullscreen:hover {
    color: #ccc;
    transform: scale(1.1);
}

.lightbox-share {
    position: absolute;
    top: 35px;
    right: 150px; /* Posicionado antes do botão de download (que está no 110px) */
    font-size: 24px;
    color: white;
    text-decoration: none;
    cursor: pointer;
    z-index: 1001;
    transition: transform 0.2s ease, color 0.2s ease;
    user-select: none;
}

.lightbox-share:hover {
    color: #25D366; /* Cor verde oficial do WhatsApp no hover */
    transform: scale(1.1);
}

/* Botão inicialmente invisível */
#btn-topo {
    position: fixed;
    bottom: 40px;
    right: 40px;
    z-index: 1000;
    background-color: var(--cor-verde-PA4);
    color: white;
    border: none;
    /*display: none;*/
    border-radius: 50%;
    padding: 15px 17px 19px;
    font-size: 18px;
    cursor: pointer;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.3);
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.4s ease, transform 0.2s cubic-bezier(.4,2,.6,1);
    /* Remova display: none */
}

/* Classe para mostrar o botão */
#btn-topo.mostrar {
    opacity: 1;
    pointer-events: auto;
}

/* Efeito de escala ao passar o mouse */
#btn-topo:hover {
    /*background-color: #006633;*/
    transform: scale(1.1);
}

@media (max-width: 576px){
    #btn-topo {
        padding: 1px 4px 6px;
    }
}

@media (max-width: 1020px){
    #btn-topo {
        right: 5%;
        bottom: 5%;
        padding: 1% 1.3% 1.6%;
    }
}

#contact-form-email::placeholder {
    color: #e0dfd1; /* Cor do placeholder */
    opacity: 1; /* Garante que a opacidade seja 100% */
}

/*cotidiano da Ciência*/

.sessao-cotidiano-mobile{
    display: none;
}

@media (max-width: 1020px){
    .sessao-cotidiano-mobile{
        display: flex;
        flex-flow: column;
    }
    .sessao-cotidiano{
        display: none;
    }
}

.slider-container {
    overflow: hidden;
    padding: 20px;
    background: rgba(0,0,0,.1)
}

.card-carousel {
    --card-width: 80%;
    --card-max-width: 280px;
    --card-height: 350px;
    --carousel-min-width: 600px;
    z-index: 1;
    position: relative;
    margin: 0 auto;
    width: 100%;
    height: var(--card-height);
    min-width: var(--carousel-min-width);
    transition: filter .3s ease;
}

@media screen and (max-width: 640px) {
    .card-carousel {
        margin-left: calc((100vw - var(--carousel-min-width) - 40px) / 2)
    }
}

.card-carousel.smooth-return {
    transition: all .2s ease;
}

.card-carousel .slider-card {
    background: whitesmoke;
    width: var(--card-width);
    max-width: var(--card-max-width);
    text-align: center;
    padding: 1em;
    min-width: 250px;
    height: var(--card-height);
    position: absolute;
    margin: 0 auto;
    color: rgba(0,0,0,.5);
    transition: inherit;
    -webkit-box-shadow: 0 5px 5px 0 rgba(0,0,0,0.3);
    -moz-box-shadow: 0 5px 5px 0 rgba(0,0,0,0.3);
    box-shadow: 0 5px 5px 0 rgba(0,0,0,0.3);
    border-radius: 1em;
    filter: brightness(.9);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.slider-card.highlight {
    filter: brightness(1)
}

.slider-card:nth-of-type(1) .image-container {
    background-image: url("/assets/images/cotidiano/Campo.jpg");
    background-position: center center;
}

.slider-card:nth-of-type(2) .image-container {
    background-image: url("/assets/images/cotidiano/Lab.jpg");
    background-position: center center;
}

.slider-card:nth-of-type(3) .image-container {
    background-image: url("/assets/images/cotidiano/Trabalho.jpg");
    background-position: center center;
}

.image-container {
    width: 8em;
    height: 8em;
    position: relative;
    /*background-size: cover;*/
    margin-bottom: 2em;
    border-radius: 100%;
    padding: 1em;
    -webkit-box-shadow: inset 0 0 17px 0 rgba(0,0,0,0.3);
    -moz-box-shadow: inset 0 0 17px 0 rgba(0,0,0,0.3);
    box-shadow: inset 0 0 17px 0 rgba(0,0,0,0.3);
}

.image-container::after {
    content: "";
    display: block;
    width: 120%;
    height: 120%;
    border: solid 3px rgba(0,0,0,.1);
    border-radius: 100%;
    position: absolute;
    top: calc(-10% - 3px);
    left: calc(-10% - 3px);
}

.card-title-rede{
    color: white;
    line-height: 25px;
    font-size: 1rem;
    font-stretch: 2px;
}

.sessao-cotidiano {
    padding: 0 5vw 3vh;
    text-align: center;
    overflow: hidden;
}

.tittle-cotidiano {
    color: #004818;
    text-align: center;
    padding-bottom: 2%;
}

/*@media (max-width: 768px) {*/
/*    .tittle-cotidiano {*/
/*        !*font-size: 32px;*!*/
/*    }*/
/*}*/

.container-imgs{
    display: flex;
    justify-content: center;
    text-align: center;
}

.item-cotidiano {
    margin: 0 3vw 0 3vw;
}

.imagem-circular {
    width: 300px; /* Defina a largura desejada */
    height: 300px; /* Defina a altura desejada */
    border-radius: 100%; /* Faz com que as bordas sejam arredondadas */
    overflow: hidden; /* Esconde as partes da imagem que ultrapassam as bordas */
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 2vw;
    transition: all .3s ease;
}

.imagem-circular:hover {
    transform: scale(1.05);
}

.time-imagem-circular {
    height: 250px;
    width: 250px;
    object-fit: cover;
    object-position: center;
}

@media screen and (max-width: 1200px) {
    .time-imagem-circular {
        height: 200px;
        width: 200px;
    }
}

.imagem-circular img{
    width: 100%;
    height: auto;
}

.txt-cotidiano {
    text-decoration: none;
    color: rgb(89, 86, 79);
    font-size: 29px;
    font-weight: bold;
    transition: all ease 1s;
}
.txt-cotidiano:hover {
    transform: scale(1.05);
}

/* Midias sociais */

.sessao-midia {
    /*width: 32%;*/
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    /*padding: 3vh 0;*/
    box-sizing: border-box;
    margin-bottom: 20px;
    display: flex;
    flex-flow: column;
    align-items: center;
}

.container-midia {
    height: 900px;
}

@media (max-width: 992px) {
    div.container-midia:nth-child(3){
        height: auto;
    }
    .Y_video{
        width: 100%;
        margin: 0;
    }
}@media (max-width: 576px) {
    div.container-midia:nth-child(1) {
        height: auto;
    }div.container-midia:nth-child(2) {
        height: auto;
    }
    .newsletter-item{
        margin-left: 0;
        margin-right: 0;
    }
}

@media (max-width: 888px) {
    .sessao-midia {
        width: 100%;
    }
    .newsletter-container {
        position: relative;
        margin-bottom: 2vw;
        width: 100%;
    }
    .newsletter-item {
        margin: 5px 5px 7px 5px;
    }
    .Y_video {
        height: 48vw;
    }
}

.newsletter-container {
    position: -webkit-sticky; /* Safari */
    position: sticky;
    top: 35%;
    width: 100%;
    margin-bottom: 2vw;
    /*margin: auto;*/
    align-items: center;
}

.newsletter-item {
    text-align: center;
    font-weight: bold;
    background-color: #E1E0D6;
    margin: 20px 20px 30px 20px;
    padding: 30px;
    height: fit-content;
}

.newsletter-item:hover {
    background-color: #E86C3C;
    color: #fff;
}

.list-group-item {
    color:rgb(89, 86, 79);
}

.rodape-newsletter {
    display: flex;
    flex-flow: row wrap;
    max-height: 120px;
    overflow: auto; /* Garante que não ultrapasse o limite */
    display: flex;
    align-items: center;
    justify-content: center; /* Alinha à esquerda, ou use 'center' */
    gap: 10px; /* Espaço entre as imagens */
    flex-wrap: nowrap; /* Impede quebra de linha */
}

.rodape-newsletter img {
    width: 120px; /* Defina um valor fixo */
    height: 120px; /* Mesma altura para todas */
    object-fit: contain; /* Mantém proporção da imagem sem distorcer */
    padding: 5px; /* Espaço entre imagens */
}

.Y_video {
    position: -webkit-sticky;
    position: sticky;
    top: 37%;
    margin: 20px 20px 2vw 20px;
    overflow: hidden;
    width: 90%;
    /*height: calc(24dvh);*/
    /*height: 18vw;*/
    border: black;
    border-radius: 12px;
    box-shadow: 2px 2px 10px 2px #888888;
}

/* Podcast */

.container-podcast {
    background-color: #e0dfd1;
}

#ul-social-links-pod {
    text-align: left;
    margin-bottom: 10px;
}

.podcast-cabecalho {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    padding: 5% 5% 2% 5%
}

.img-rede-podcast {
    margin: 0;
    height: clamp(15px, 7vw, 45px);
}

.podcast-title.grey {
    color: #59564f;
    margin: 4dvh auto 0;
    padding-right: 336px;
    text-align: center;
}

@media only screen and (max-width: 978px){
    .podcast-title.grey {
        width: 100%;
        margin-right: 0;
        padding-right: 0;
    }
}

.podcast-title {
    color: #f07f3c;
    font-weight: bold;
}

.Spotfy-iframe {
    border-radius: 12px;
    margin-right: 25%;
    /*padding-right: clamp(5%, calc(15vw + 100px), 25%);*/
    margin-left: 25%;
}

@media only screen and (max-width: 1300px){
    .Spotfy-iframe {
        margin-right: max(5%, calc(20% - 100px));
        margin-left: max(5%, calc(20% - 100px));
    }
}
@media only screen and (max-width: 768px){
    .Spotfy-iframe {
        width: 90%;
    }
}

.podcast-central {
    align-items: center;
    text-align: center;
}

.social-links.container-podcast {
    display: flex;
    flex-flow: wrap;
    /*flex-direction: column; !* Força o texto e os ícones em linhas separadas *!*/
    align-items: center; /* Centraliza o conteúdo */
    justify-content: center;
    padding: 0 5% 5%;
    margin: 3vw 0 1vw 0;
    width: 100%;
}

.social-icons_podcast{
    justify-content: flex-end;
    display: flex;
    align-items: center;
    width: 20%;
}

.tamanho-img-padr.pod-eduplay-icon {
    height: 25px;
}

.tamanho-img-padr.pod-spotfy-icon {
    height: 40px;
    width: 40px;
}

.social-links__item.eduplay:hover{
    box-shadow: 0 0 5px #e0dfd1;
    border-radius: 100px;
}

.social-links__item.spotfy:hover{
    box-shadow: 10px 100px 50px #000;
    border-radius: 100px;
}

.texto-podcast__item {
    text-align: center;
    color: #f07f3c !important;
    padding: 0 10% 0 30%;
    width: 80%;
}

@media only screen and (max-width: 1000px){
    .texto-podcast__item {
        width: 100%;
        margin-bottom: 15px;
        padding: 0 10% 0 10%;
    }
    .social-icons_podcast{
        width: 100%;
    }
}

/* Rodapé */

.social-icons__rodape {
    justify-content: center;
    padding: 0 5%;
    /*transition: transform 0.2s cubic-bezier(.4,2,.6,1);*/
}

/*.social-icons__rodape:hover{*/
/*    !*box-shadow: 0 0 5px #e0dfd1;*!*/
/*    !*border-radius: 100px;*!*/
/*    transform: scale(1.15);*/
/*}*/

.social-icons__rodape i {
    color: var(--cor-laranja-PA5);
}

.social-links .tooltiptext {
    visibility: hidden;
    width: 120px;
    background-color: black;
    color: #fff;
    text-align: center;
    border-radius: 5px;
    padding: 5px 0;
    position: absolute;
    z-index: 1;
    bottom: 125%; /* Posiciona o tooltip acima do texto */
    left: 50%;
    margin-left: -60px;
    opacity: 0;
    transition: opacity 0.3s;
}

#contatos{
    background-color: var(--cor-verde-principal);
    color: white;
}

.footer_txt {
    /*font-size: clamp(18px, 4vw, 26px);*/
    text-align: start;
    color: white;
    text-decoration:  none;
    /*margin-left: 11dvw;*/
    /*padding-left: 11dvw;*/
}

.footer_txt:hover{
    color: var(--cor-laranja-PA5);
    cursor: pointer;
    text-decoration:  underline;
}

.btn-newsletter-footer {
    background-color: var(--cor-laranja-PA5);
    color: white;
    /*transition: transform 0.2s cubic-bezier(.4,2,.6,1);*/
}

.btn-newsletter-footer:hover{
    /*transform: scale(1.1);*/
    background-color: var(--cor-laranja-PA5);
    border-color: white;
}

@media only screen and (max-width: 992px){
    .footer_txt {
        /*margin-left: 5dvw;*/
        /*padding-left: 5dvw;*/
    }
}

@media only screen and (max-width: 575px){
    .footer_txt {
        margin-left: 0;
        /*padding-left: 5dvw;*/
    }
}

.social-links:hover .tooltiptext {
    visibility: visible;
    opacity: 1;
}

.social-links {
    list-style: none; /* Remove os marcadores da lista */
}

/*Carrossel de Apoiadores*/

.financiadores-card {
    position: relative;
    height: 100px;
    transition: all 0.3s ease-in-out;
}
.financiadores-card img {
    width: 100%;
    max-height: 100%;
}
.financiadores-card a{
    height: 100%;
}
.financiadores-card:hover{
    transform: translateY(-10px);
    /*box-shadow: 0 10px 20px rgba(0, 0, 0, 0.15);*/
}
@keyframes pulse {
    0% {
        transform: scale(1);
        opacity: 0.9;
        /*box-shadow: none;*/
        /*opacity: 1;*/
    }
    50% {
        transform: scale(1.03);
        opacity: 1;
        /*box-shadow: 0 10px 20px rgba(0, 0, 0, 0.15);*/
        /*opacity: 0.8;*/
    }
    100% {
        transform: scale(1);
        opacity: 0.9;
        /*box-shadow: none;*/
        /*opacity: 1;*/
    }
}

@media only screen and (max-width: 768px){
    .financiadores-card{
        height: auto;
    }
    .financiadores-card img {
        padding: 0 10px;
        margin: 20px 0;
        max-height: 100px;
        width: 100% !important;
        /*height: 50px;*/
        /*border-radius: 10px;*/
        /*animation: pulse 2s infinite ease-in-out;*/
    }
    #CAPES{
        height: 50px;
    }
}

.container-carrossel {
    width: 100%; /* Pode ser ajustado conforme necessário */
    overflow: hidden; /* Oculta os itens fora da área visível */
    background-color: #e0dfd1;
    /*mask: linear-gradient(90deg, rgba(255,255,255,1) 100%, rgba(0,0,0,100) 0%);*/
    /*-webkit-mask-image: linear-gradient(to right, white 0%, transparent 25%, transparent 75%, white 100%);*/
    mask: linear-gradient(90deg, transparent, white min(20%, 100px) min(90%, calc(100% - 10px)), transparent);
}

@media (max-width: 768px) {
    .carousel-indicators [data-bs-target] {
        width: 15px;
        height: 15px;
    }}

/*.container-carrossel::before,*/
/*.container-carrossel::after {*/
/*    content: '';*/
/*    position: absolute;*/
/*    top: 0;*/
/*    bottom: 0;*/
/*    width: 50px; !* Tamanho do fade *!*/
/*    z-index: 1;*/
/*    pointer-events: none;*/
/*}*/
/*.container-carrossel::after {*/
/*    right: 0;*/
/*    -webkit-mask: -webkit-linear-gradient(to right, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);*/
/*    mask: linear-gradient(to right, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);*/
/*}*/
/*.container-carrossel::before {*/
/*    left: 0;*/
/*    mask: linear-gradient(to right, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);*/
/*}*/

.carrossel {
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    align-items: center;
    list-style-type: none;
    margin: 0;
    padding: 0;
    animation: carrossel 50s linear infinite; /* Animação para movimento contínuo */
}

.carrossel li {
    flex: 0 0 auto; /* Garante que os itens não se estiquem */
    padding-top: 15px;
    padding-bottom: 15px;
    margin-right: 10vw; /* Garante que os itens não se sobreponham */
}

.carrossel img {
    max-width: 100px; /* Ajuste o tamanho das imagens conforme necessário */
    height: auto;
    display: block;
    transition: transform 0.3s ease-in-out;
}
.carrossel img:hover {
    transform: scale(1.25);
}

@keyframes carrossel {
    0% {
        transform: translateX(0);
    }
    100% {
        transform: translateX(-100%);
    }
}

.tamanho-img-padr {
    height: min(50px, 1dvw);
    /*max-height: 10vw;*/
}

/*Textos rodapé*/

.copyright-container {
    margin-top: 10px;
}

#campus_container_1{
    text-align: center;
}

#campus_container_2{
    display: none;
    margin-top: 1rem;
}

@media only screen and (max-width: 748px){
    #campus_container_1{
        display: none;
    }
    #campus_container_2{
        justify-content: center;
        display: flex;
        margin-bottom: 0;
    }
}

.footer-titulos {
    font-size: clamp(18px, 1.5vw, 26px);
}
@media only screen and (min-width: 1400px){
    .w-coluna-V{
        width: 18.667% !important;
    }
}

@media only screen and (min-width: 1480px){
    .w-img-footer{
        width: 20.667%;
    }
    .w-coluna-p{
        width: 13.667%;
    }
}

.txt-link {
    color: #707068;
    transition: color .2s ease
}

.txt-link:hover {
    color: #e0dfd1
}

/*Configurações do HEADER*/

body {
    margin: 0;
    font-family: 'Maven Pro', sans-serif;
    color: #59564f;
}

.header {
    width: 100%;
    background-color: #004818;
    display: flex;
    justify-content: center; /* Alinha os itens do cabeçalho ao centro horizontalmente */
    align-items: center;
    padding: 0 20px;
    padding-top: 50px;
    z-index: 1000;
}
#header{
    z-index: 1000;
    position: relative;
}

#logo_desktop {
    padding: 0;
    margin: 0;
}#logo_mobile {
    display: block;
}
.sticky {
    position: fixed !important; /* Transforma o cabeçalho em fixo */
    top: 0;
    width: 100%; /* Garante que ocupe toda a largura */
    transition: transform 0.5s ease, top 0.5s ease-in-out;
}

.placeholder {
    display: none; /* O espaço é inicialmente invisível */
    transition: height 0.5s ease;
}

.sticky + .placeholder {
    display: block; /* Mostra o placeholder */
}

/* ----- ESTILOS PARA TELAS GRANDES (Desktop - 1025px+) ----- */
@media (min-width: 1025px) {
    .header-mobile {
        display: none; /* Esconde o cabeçalho mobile */
    }

    .header {
        background-color: #004818;
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 15px 40px;
    }

    #logo_desktop img {
        height: 55px;
    }

    nav ul {
        display: flex;
        list-style: none;
        padding: 0;
        margin: 0;
    }

    nav ul li {
        margin: 0 5px 0 25px;
        font-family: 'Maven Pro', sans-serif;
        font-size: 18px;
    }

    nav ul li a {
        text-decoration: none;
        color: white;
        font-weight: 500;
    }
}

/* ----- ESTILOS PARA TELAS MÉDIAS (Tablets e Notebooks Pequenos - 769px a 1024px) ----- */
@media (min-width: 769px) and (max-width: 1024px) {
    .header {
        display: none; /* Esconde o cabeçalho desktop */
    }

    .header-mobile {
        background-color: #004818;
        display: flex;
        /*flex-direction: column;*/
        align-items: center;
        padding: 15px 20px;
        min-height: 80px;
    }

    #logo_desktop img {
        height: 45px;
    }

    nav {
        width: 100%;
        text-align: center;
    }

    nav ul {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        padding: 0;
        margin: 5px 0;
        list-style: none;
    }

    nav ul li {
        margin: 8px 15px;
        font-family: 'Maven Pro', sans-serif;
        font-size: 16px;
    }

    nav ul li a {
        text-decoration: none;
        color: white;
        font-weight: 500;
    }
}

/* ----- ESTILOS PARA TELAS PEQUENAS (Smartphones - até 768px) ----- */
@media (max-width: 768px) {
    .header {
        display: none; /* Esconde o cabeçalho desktop */
    }

    .header-mobile {
        background-color: #004818;
        display: flex;
        /*flex-direction: column;*/
        align-items: center;
        padding: 15px;
        min-height: 80px;
    }

    #logo_desktop img {
        height: 38px;
    }

    nav {
        width: 100%;
        text-align: center;
    }

    nav ul {
        display: flex;
        flex-direction: column;
        list-style: none;
        padding: 0;
        margin: 10px 0;
        align-items: center;
    }

    nav ul li {
        margin: 6px 0;
        font-family: 'Maven Pro', sans-serif;
        font-size: 15px;
        text-align: center;
    }

    nav ul li a {
        text-decoration: none;
        color: white;
        font-weight: 500;
    }
}

/* ----- ESTILOS ESPECÍFICOS PARA TELAS ENTRE 1024x871 e 1585x989 ----- */
@media (min-width: 1024px) and (max-width: 1585px) {
    .header {
        display: none; /* Oculta o cabeçalho desktop */
    }

    .header-mobile {
        background-color: #004818;
        display: flex;
        /*flex-direction: column;*/
        align-items: center;
        justify-content: center;
        padding: 20px;
        min-height: 90px;
    }

    #logo_desktop img {
        height: 48px;
    }

    nav {
        width: 100%;
        text-align: center;
    }

    nav ul {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        padding: 0;
        margin: 5px 0;
        list-style: none;
    }

    nav ul li {
        margin: 10px 15px;
        font-family: 'Maven Pro', sans-serif;
        font-size: 16px;
    }

    nav ul li a {
        text-decoration: none;
        color: white;
        font-weight: 500;
    }
}


.custom-menu-item {
    color: white;
    font-family: 'Maven Pro', sans-serif;
    font-weight: 500;
    font-size: 18px; /* Aumenta o tamanho da fonte */
    padding: 10px 0; /* Espaçamento entre os itens do menu */
    transition: color 0.3s ease;
 }

 .custom-menu-item:hover {
    color: #ccc; /* Muda a cor ao passar o mouse */
 }

 /* Botão hamburguer personalizado */
 .navbar-toggler {
    border-color: white; /* Borda do botão de hamburguer */
 }

 .navbar-toggler-icon {
    background-image: url('data:image/svg+xml;charset=utf8,%3Csvg viewBox="0 0 30 30" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath stroke="rgba%280, 0, 0, 1%29" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"/%3E%3C/svg%3E');
 }

 .btn-link {
    font-family: 'Maven Pro', sans-serif;
    font-weight: 500;
    text-decoration: none;
 }

 .offcanvas-title {
    font-family: 'Maven Pro', sans-serif;
 }

 .offcanvas {
    background-color: #004818;
     height: 100dvh;
 }

  /* Alinhamento dos ícones */
  .icon-container {
    display: flex;
    justify-content: left;
    margin-top: 20px;
 }

 .menu-icon {
    width: 50px;
    height: 28px;
    margin: 0 5px; /* Espaçamento entre os ícones */
 }

 .menu-icon:hover {
    opacity: 0.8; /* Efeito hover para os ícones */
 }

/* Barra de pesquisa */
.search-input {
    width: 60%;
    border-radius: 5px;
    font-family: 'Maven Pro', sans-serif;
    color: black !important; /* Força a cor do texto para preto */
    background-color: white; /* Fundo branco */
}

/* Placeholder da barra de pesquisa */
.search-input::placeholder {
    font-family: 'Maven Pro', sans-serif;
    color: #999; /* Cor do placeholder (cinza) */
}

/* Estilização do botão */
.search-btn {
    font-family: 'Maven Pro', sans-serif;
    border-radius: 5px;
    color: white; /* Cor do texto do botão */
}

/* Estilo dos botões de linguagem */
.btn-language {
    font-family: 'Maven Pro', sans-serif;
    font-weight: 500;
    font-size: 16px;
    color: white;
    background-color: #4CAF50;
    border: 2px solid transparent;
    border-radius: 25px;
    padding: 10px 20px;
    margin: 0 10px;
    transition: all 0.3s ease;
    cursor: pointer;
    outline: none;
}

/* Efeito ao passar o mouse (hover) */
.btn-language:hover {
    background-color: white;
    color: #4CAF50;
    border: 2px solid #4CAF50; /* Adiciona uma borda ao hover */
}

/* Efeito ao clicar no botão ativo */
.btn-language:active {
    background-color: #45a049; /* Cor ligeiramente mais escura ao clicar */
    color: white;
}

/* Estilo para o botão PT ativo */
#btn-pt.active, #btn-en.active {
    background-color: #4CAF50;
    color: white;
    border: 2px solid #4CAF50;
}

.language-switcher {
    display: flex;
    justify-content: center;
    margin-top: 20px;
}

/* Botão hamburguer personalizado */
.navbar-toggler {
    border: none; /* Remove borda padrão */
}

.navbar-toggler-icon {
    background-image: url('data:image/svg+xml;charset=utf8,%3Csvg viewBox="0 0 30 30" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath stroke="rgba%28255, 255, 255, 1%29" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"/%3E%3C/svg%3E');
    /* Substitui o ícone padrão por um ícone SVG branco */
}

/* Ícone de fechamento personalizado */
.btn-close {
    filter: invert(1); /* Faz o ícone ficar branco */
}

/* Área do Felipe (Expedições / Notícias / MVC / Newsletter) */

/*Expedições*/

.expedicoes-title {
    font-family: 'Exo 2', sans-serif; /* Fonte para títulos */
    /*font-size: 40px;*/
    color: #145a32; /* Cor verde personalizada */
    font-weight: bold;
}

.card {
	border-radius: 15px; /* Para cantos arredondados */
	overflow: hidden; /* Para garantir que a imagem seja cortada corretamente */
   }
.card-img {
	border-radius: 20px; /* Aplicar cantos arredondados à imagem */
	object-fit: cover; /* Manter a proporção da imagem */
    height: 180px;
   }
.card-img-overlay {
	display: flex;
	flex-direction: column;
	justify-content: center; /* Alinhar texto na parte inferior */
	text-align: right;
	color: white;
	padding: 20px; /* Adicionar espaçamento interno */
	background: rgba(0, 0, 0, 0.3); /* Sobreposição escura */
   }
.card-title {
	font-size: 1.5rem;
	font-weight: bold;
	text-transform: uppercase;
	font-family: 'Exo 2', sans-serif; /* Fonte para títulos */
	text-shadow: 2px 2px 4px black;
   }

.expedicoes-data {
    font-size: 1.0rem;
	font-weight: bold;
	font-family: 'Exo 2', sans-serif; /* Fonte para títulos */
	text-shadow: 2px 2px 4px black;
}

/* Estilos para o botão específico da seção de Expedições */
.exp-button {
    width: 50px;
    height: 50px;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 2px solid #145a32; /* Borda verde */
    border-radius: 50%;
    background-color: #145a32; /* Cor verde do botão */
    color: #ffffff; /* Cor branca do ícone */
    cursor: pointer;
    transition: background-color 0.3s ease, color 0.3s ease;
    margin: 0 auto; /* Centraliza o botão no container */
}

.exp-button:hover {
    background-color: #ffffff; /* Cor branca no hover */
    color: #145a32; /* Cor verde do ícone no hover */
}

.exp-button-icon {
    font-size: 2rem; /* Aumenta o tamanho do ícone */
}

/*Slide de noticias*/
@media (min-width: 768px) {

    .carousel-indicators [data-bs-target] {
        width: 12px;
        height: 12px;
        border-radius: 50%;
        background-color: #6c757d; /* Cor padrão dos indicadores */
    }

    .carousel-indicators .active {
        background-color: #004818; /* Cor do indicador ativo */
    }

    .carousel-inner {
        height: 600px;
    }

    .texto-slide p{
        font-family: 'Exo 2', sans-serif; /* Fonte para títulos */
        font-size: 35px;
        color: white;
        text-align: center;
        text-shadow: 2px 2px 4px black;
        background: #140d0a5d;
    }

    #slide-noticias .carousel-item img {
        height: 600px;
        object-fit: cover;
        width: 100%;
    }
}

@media (max-width: 768px) {

    .carousel-indicators [data-bs-target] {
        width: 12px;
        height: 12px;
        border-radius: 50%;
        background-color: #6c757d; /* Cor padrão dos indicadores */
    }

    .carousel-indicators .active {
        background-color: #004818; /* Cor do indicador ativo */
    }

    .carousel {
        height: 500px;
    }

    .carousel-inner {
        height: 500px;
    }

    .texto-slide p{
        font-family: 'Exo 2', sans-serif; /* Fonte para títulos */
        font-size: 25px;
        color: white;
        text-align: center;
        text-shadow: 2px 2px 4px black;
        background: #140d0a5d;
    }

    #slide-noticias .carousel-item img {
        height: 500px;
        object-fit: cover;
        width: 100%;
    }
}

/*RBC na Mídia*/

.rbc-image {
    max-width: 100%;
    margin-bottom: 20px;
    border-radius: 20%; /* Imagem circular */
}

@media (min-width: 768px) {

    .rbc-title {
        font-family: 'Exo 2', sans-serif; /* Fonte para títulos */
        /*font-size: 40px;*/
        color: #145a32; /* Cor verde personalizada */
        font-weight: bold;
    }

    .rbc-image {
        border-radius: 15%; /* Imagem circular */
    }

    .rbc-subtitle {
        font-family: 'Exo 2', sans-serif; /* Fonte para títulos */
         /* Cor amarela */
        font-weight: bold;
        /*font-size: 40px;*/
    }

    .rbc-description {
        color: black; /* Texto acinzentado */
        font-family: 'Maven pro', sans-serif; /* Fonte para títulos */
        font-size: 26px;
    }

    .rbc-link {
        color: black; /* Cor azul para o link */
        text-decoration: underline;
    }

    .rbc-button {
        width: 50px; /* Aumenta o tamanho do botão */
        height: 50px;
        padding: 0;
        display: flex;
        align-items: center;
        justify-content: center;
        border: 2px solid #ffc107; /* Borda amarela */
        border-radius: 50%;
        background-color: #ffc107; /* Cor amarela do botão */
        color: #ffffff; /* Cor branca do ícone */
        cursor: pointer;
        transition: background-color 0.3s ease, color 0.3s ease;
    }

    .rbc-button:hover {
        background-color: #ffffff; /* Cor branca no hover */
        color: #ffc107; /* Cor amarela do ícone no hover */
    }

    .rbc-button-icon {
        font-size: 2rem; /* Aumenta o tamanho do ícone */
    }

}

@media (max-width: 768px) {

    .rbc-title {
        font-family: 'Exo 2', sans-serif; /* Fonte para títulos */
        /*font-size: 35px;*/
        color: #145a32; /* Cor verde personalizada */
        font-weight: bold;
    }

    .rbc-subtitle {
        font-family: 'Exo 2', sans-serif; /* Fonte para títulos */
         /* Cor amarela */
        font-weight: bold;
        /*font-size: 35px;*/
        padding: 0 20px;
        text-align: center;
    }

    .rbc-description {
        color: black; /* Texto acinzentado */
        font-family: 'Maven pro', sans-serif; /* Fonte para títulos */
        font-size: 20px;
        padding: 0 20px;
        text-align: center;
    }

    .rbc-link {
        color: black; /* Cor azul para o link */
        text-decoration: underline;
    }

    .rbc-button {
        width: 50px; /* Aumenta o tamanho do botão */
        height: 50px;
        padding: 0;
        display: flex;
        align-items: center;
        justify-content: center;
        border: 2px solid #ffc107; /* Borda amarela */
        border-radius: 50%;
        background-color: #ffc107; /* Cor amarela do botão */
        color: #ffffff; /* Cor branca do ícone */
        cursor: pointer;
        transition: background-color 0.3s ease, color 0.3s ease;
    }

    .botao_center {
        display: flex;
        justify-content: center; /* Centraliza horizontalmente */
        align-items: center; /* Centraliza verticalmente */
    }

    .rbc-button:hover {
        background-color: #ffffff; /* Cor branca no hover */
        color: #ffc107; /* Cor amarela do ícone no hover */
    }

    .rbc-button-icon {
        font-size: 2rem; /* Aumenta o tamanho do ícone */
    }

}

/*Projetos*/

.pa-section {
    display: flex;
    flex-direction: column;
    align-items: center; /* Centraliza o conteúdo da seção */
}

.pa-title {
    font-family: 'Exo 2', sans-serif; /* Fonte para títulos */
    /*font-size: 40px;*/
    color: #145a32; /* Cor verde personalizada */
    font-weight: bold;
    text-align: center;
    margin-bottom: 40px; /* Adiciona espaço abaixo do título */
}

.pa-project {
    margin-bottom: 20px;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 16px;
    justify-content: space-between; /* Garante que o conteúdo seja distribuído uniformemente */
    /*height: 500px; !* Garante que todas as colunas tenham a mesma altura *!*/
}

.pa-project a {
    display: flex;
    align-items: center;
    flex-direction: column;
}

@media only screen and (max-width: 768px) {
    .pa-project {
        justify-content: normal;
        margin: 0;
        height: 450px;
    }
}

.pa-icon-container {
    margin-bottom: 15px;
    width: 200px;
    height: 200px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    transition: transform 0.3s ease-in-out;
}

.pa-icon-container:hover {
    transform: scale(1.05);
}

.pa-icon {
    width: 120px;
    height: 120px;
}

.pa-project-title {
    text-decoration: none !important;
    /*font-size: 1.25rem;*/
    color: #145a32; /* Cor verde personalizada */
    margin-bottom: 10px;
    font-weight: bold;
    text-align: center;
}

.pa-description {
    font-family: 'Maven pro', sans-serif; /* Fonte para títulos */
    color: #6c757d; /* Texto acinzentado */
    margin-bottom: 15px;
    text-align: center;
    flex-grow: 0.25; /* Faz com que a descrição ocupe o espaço disponível */
}

.pa-button {
    width: 40px;
    height: 40px;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 2px solid transparent; /* Borda transparente inicialmente */
    border-radius: 50%;
    cursor: pointer;
    transition: background-color 0.3s ease, color 0.3s ease, border-color 0.3s ease, transform 0.3s ease;
    flex-shrink: 0;
}

.pa-button:hover {
    transform: scale(1.2);
    color: #ffffff; /* Cor branca no hover */
    color: inherit; /* Manter a cor de texto do botão */
}

.pa-button-icon {
    font-size: 1.5rem; /* Tamanho do ícone */
}

/* Estilos específicos por projeto */
.pa-project:nth-child(1) .pa-icon-container,
.pa-project:nth-child(1) .pa-button {
    background-color: #daaf21; /* Inventários Biológicos */
    color: #ffffff; /* Cor branca para o ícone */
    border-color: #daaf21; /* Borda correspondente */
}

.pa-project:nth-child(2) .pa-icon-container,
.pa-project:nth-child(2) .pa-button {
    background-color: #3c97af; /* Mudanças Climáticas */
    color: #ffffff; /* Cor branca para o ícone */
    border-color: #3c97af; /* Borda correspondente */
}

.pa-project:nth-child(3) .pa-icon-container,
.pa-project:nth-child(3) .pa-button {
    background-color: #d33c20; /* Manejo Integrado do Fogo */
    color: #ffffff; /* Cor branca para o ícone */
    border-color: #d33c20; /* Borda correspondente */
}

.pa-project:nth-child(4) .pa-icon-container,
.pa-project:nth-child(4) .pa-button {
    background-color: #1f7b30; /* Restauração Ecológica */
    color: #ffffff; /* Cor branca para o ícone */
    border-color: #1f7b30; /* Borda correspondente */
}

.pa-project:nth-child(5) .pa-icon-container,
.pa-project:nth-child(5) .pa-button {
    background-color: #e88343; /* Engajamento Público com a Ciência */
    color: #ffffff; /* Cor branca para o ícone */
    border-color: #e88343; /* Borda correspondente */
}

/* Centraliza o conteúdo da linha e ajusta a altura uniforme */
.pa-section .row {
    justify-content: center;
    align-items: stretch; /* Faz com que todas as colunas tenham a mesma altura */
}


/*Classes pagina PA1*/

.bordas_noticias{
    border: none;
    transition: transform 0.5s, box-shadow 0.5s;
}
.bordas_noticias:hover{
    transform: translateY(-10px);
    box-shadow:  0 4px 8px  rgb(0,0,0,0.1);
}

@media screen and (max-width: 992px) {
    .bordas_noticias{
        border-bottom: 1px solid #e0dfd1;
    }
}


/*Classes Podcast*/

.btn-podcast {
    background-color: #e0dfd1 !important;
    height: 50px;
}

.logo_podcast {
    width: auto;
    height: clamp(30px,2.8dvw, 100%);

}

/* Newsletter PG própria */

.containerr {
    max-width: 850px;
    margin: auto;
    background-color: #ffffff;
    padding: 20px;
}
.headerr {
    font-family: "Exo 2", sans-serif;
    background-color: #006400;
    color: #ffffff;
    padding: 20px;
    text-align: center;
}
.headerr h1 {
    margin: 0;
    font-size: 24px;
}
.sactionn {
    /*border-bottom: 1px solid #cccccc;*/
    padding: 20px 0;
}
.sactionn h2 {
    font-size: 20px;
    color: #006400;
    margin-top: 0;
}
.sactionn p {
    font-size: 16px;
    line-height: 1.5;
    color: #333333;
}
.photo {
    text-align: center;
    margin: 10px 0;
}
.photo img {
    width: auto;
    /*height: 100%;*/
    max-height: 400px;
}.photo p {
     text-align: center;
     max-width: 100%;
     height: auto;
 }
.footerr {
    background-color: #eeeeee;
    padding: 20px;
    font-size: 14px;
    text-align: center;
    color: #666666;
}
.social-links a {
    margin: 0 10px;
    text-decoration: none;
    color: #006400;
}

.titulo {
    color: #004818;
    font-size: 55px;
    font-weight: bold;
    margin-bottom: 20px;
}

.card {
    border: none;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    transition: transform 0.2s;
    margin-bottom: 20px; /* Adicionado espaço entre as linhas de cards */
    display: flex;
    flex-direction: column;
    height: 100%; /* Garante que o card ocupe toda a altura disponível */
}

.card:hover {
    transform: translateY(-5px);
}

.card-img-top {
    width: 100%;
    height: auto; /* Ajusta a altura automaticamente */
    object-fit: cover; /* Garante que a imagem cubra o espaço sem distorcer */
    flex-shrink: 0; /* Evita que a imagem encolha */
}

.card-body {
    flex-grow: 1; /* Faz com que o corpo do card ocupe o espaço restante */
    display: flex;
    flex-direction: column;
    justify-content: space-between; /* Distribui o espaço entre os elementos */
}

.card-title-news {
    font-size: 1.25rem;
    font-weight: bold;
    color: #004818;
}

.card-text {
    font-size: 1rem;
    color: #555;
}

.button-custom {
    background-color: #004818;
    color: #fff;
    border: none;
    padding: 5px 10px; /* Diminuído o tamanho para ficar mais compacto */
    font-size: 0.9rem;
    text-align: center;
    cursor: pointer;
    transition: background-color 0.2s, color 0.2s;
    display: block;
    margin: 0 auto; /* Centraliza o botão horizontalmente */
    text-decoration: none;
    border-radius: 5px;
}

.button-custom:hover {
    background-color: #fff;
    color: #004818;
    border: 1px solid #004818;
}

/* Responsividade */

/* Para celulares (telas menores que 576px) */
@media (max-width: 575.98px) {
    .titulo {
        font-size: 40px; /* Reduz o tamanho do título */
    }

    /*.col-md-4 {*/
    /*    flex: 0 0 100%; !* Faz com que cada card ocupe 100% da largura *!*/
    /*    max-width: 100%;*/
    /*}*/

    .card {
        margin-bottom: 15px; /* Reduz o espaço entre os cards */
    }

    .card-title-news {
        font-size: 1.1rem; /* Reduz o tamanho do título do card */
    }

    .card-text {
        font-size: 0.9rem; /* Reduz o tamanho do texto do card */
    }

    .button-custom {
        padding: 4px 8px; /* Reduz o padding do botão */
        font-size: 0.8rem; /* Reduz o tamanho da fonte do botão */
    }
}

/* Para tablets (telas entre 576px e 991.98px) */
@media (min-width: 576px) and (max-width: 991.98px) {
    /*.col-md-4 {*/
    /*    flex: 0 0 50%; !* Faz com que cada card ocupe 50% da largura *!*/
    /*    max-width: 50%;*/
    /*}*/

    .card-title-news {
        font-size: 1.15rem; /* Ajusta o tamanho do título do card */
    }

    .card-text {
        font-size: 0.95rem; /* Ajusta o tamanho do texto do card */
    }

    .button-custom {
        padding: 5px 10px; /* Mantém o padding do botão */
        font-size: 0.85rem; /* Ajusta o tamanho da fonte do botão */
    }
}

/* Para desktops (telas maiores que 992px) */
@media (min-width: 992px) {
    /*.col-md-4 {*/
    /*    flex: 0 0 33.333%; !* Faz com que cada card ocupe 33.333% da largura *!*/
    /*    max-width: 33.333%;*/
    /*}*/

    .card-title-news {
        font-size: 1.25rem; /* Mantém o tamanho do título do card */
    }

    .card-text {
        font-size: 1rem; /* Mantém o tamanho do texto do card */
    }

    .button-custom {
        padding: 5px 10px; /* Mantém o padding do botão */
        font-size: 0.9rem; /* Mantém o tamanho da fonte do botão */
    }
}


/* NOSSO BIOMA */

/* TITULOS e TEXTOS */
.titulo {
    font-family: 'Exo 2', sans-serif;
    font-size: 2.5rem;
    font-weight: bold;
    color: #004818;
}

.texto {
    font-family: 'Maven Pro', sans-serif;
    font-size: 1.5rem;
    color: #333;
    text-align: justify;
}

/* CABEÇALHO COM IMAGEM DE FUNDO */
.nosso-bioma-header {
    position: relative;
    width: 100%;
    height: 750px; /* Ajuste conforme necessário */
    background: url('/assets/images/nosso_bioma/fundo.png') no-repeat center center;
    background-size: cover;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}

@media only screen and (max-width: 476px) {
    .nosso-bioma-header {
        height: 380px;
    }
    .nosso-bioma {
        top: 30% !important;
    }
}

.nosso-bioma-header .titulo {
    color: white;
    font-family: 'Exo 2', sans-serif;
    font-size: 3rem;
    font-weight: bold;
    text-shadow: 2px 2px 6px rgba(0, 0, 0, 0.5);
}

/* AJUSTE DA PRIMEIRA IMAGEM */
.img-principal {
    width: 100%;
    max-height: 500px; /* Aumentando o tamanho */
    object-fit: cover;
    border-radius: 20px;
    margin: 80px 0; /* Distância do texto */
}


/* Ajuste na seção de curiosidades */
.curiosidade {
    background-color: white;
    border-radius: 8px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    margin-bottom: 30px; /* Aumentei o espaçamento entre os cards */
    padding: 20px;
    display: flex;
    flex-direction: column;
    height: 100%; /* Mantendo a altura dinâmica */
}

/* Adicionando espaçamento entre os itens da linha */
.linha-curiosidades > div {
    display: flex;
    padding: 10px; /* Adicionei um espaçamento entre os cards */
}


.nosso-bioma {
    position: absolute;
    top: 25%; /* Ajuste fino para o topo */
    left: 50%;
    transform: translateX(-50%);
    text-align: center;
    font-size: 2.5rem;
    font-weight: bold;
    color: white;
    text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.6);
}



/* Pesquisadores */

/* Seção principal */
.secao-pesquisadores {
    text-align: center;
    padding: 50px 0;
}

/* Título */
.titulo-pesquisadores {
    font-family: 'Exo 2', sans-serif;
    font-size: 35px;
    font-weight: bold;
    color: #004818;
    margin-bottom: 30px;
}

/* Imagem */
.imagem-pesquisadores {
    width: 100%;
    max-width: 900px;
    border-radius: 15px;
    display: block;
    margin: 0 auto 30px auto;
    margin-bottom: 60px;
}

/* Texto */
.texto-pesquisadores {
    font-family: 'Maven Pro', sans-serif;
    font-size: 16px;
    color: black;
    text-align: justify;
    max-width: 1100px;
    margin: 0 auto;
    line-height: 1.6;
}

/* Layout em duas colunas */
.container-pesquisadores {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 20px;
}

.coluna-pesquisadores {
    flex: 1;
    min-width: 300px;
}


/* Pesquisadores */


main {
    max-width: 1200px;
    margin: 20px auto;
    padding: 20px;
}

.pesquisadores {
    display: flex;
    flex-wrap: wrap;
    justify-content: center; /* Centraliza os cards */
    gap: 20px;
}

.pesquisador {
    position: relative;
    background-color: white;
    padding: 20px;
    border-radius: 8px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    text-align: center;
    transition: box-shadow 0.3s ease;
    width: 250px; /* Define uma largura fixa para os cards */
}

@media (max-width: 576px) {
    .pesquisador{
        width: 92%;
    }
}

.pesquisador:hover {
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
}

.pesquisador:hover .lattes-icon {
    opacity: 1;
    transform: rotate(0deg) scale(1);
}

.lattes-icon {
    font-size: 12px !important;
    position: absolute;
    top: -15px;
    right: -40px;
    background: var(--cor-amarelo-PA1);
    /*background: #302E66;*/
    color: white;
    /*color: #302E66;*/
    padding: 6px 8px;
    border-radius: 50%;
    opacity: 0;
    transform: rotate(-90deg) scale(0.5);
    transition: all 0.4s ease;
    text-decoration: none;
    z-index: 10;
}

.lattes-icon.pa2 {
    background: var(--cor-azul-PA2);
}.lattes-icon.pa3 {
    background: var(--cor-vermelho-PA3);
}.lattes-icon.pa4 {
    background: var(--cor-verde-PA4);
}.lattes-icon.pa5 {
    background: var(--cor-laranja-PA5);
}.lattes-icon.site {
    background: darkblue;
    right: 80%;
    white-space: nowrap;
}

.lattes-icon:hover {
    transform: scale(1.15) !important;
}

.foto {
    width: 120px;
    height: 120px;
    border-radius: 50%;
    margin: 0 auto 10px;
    background-color: #ddd;
    background-size: cover;
    background-position: top;
    position: relative;
    border-image-slice: cover;
    overflow: hidden;
    transition: transform 0.3s ease;
}

.foto:hover {
    transform: scale(1.15);
}

.foto::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40px;
}

.info h2 {
    font-size: 1.2em;
    margin-bottom: 5px;
}

.info p {
    font-size: 0.9em;
    color: #555;
    line-height: 1.4;
}



/*novas sub abas*/

.dropdown {
    position: relative;
    z-index: 9999999;
}

.dropdown-menu {
    display: none;
    position: absolute;
    background-color: #fff;
    min-width: 240px; /* Aumentando a largura mínima */
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1); /* Sombra mais intensa */
    z-index: 99999999;
    list-style: none;
    padding: 12px 0; /* Aumentando o padding interno */
    margin: 0;
    border-radius: 10px; /* Cantos ainda mais arredondados */
    opacity: 0;
    transform: translateY(15px); /* Animação de entrada mais suave */
    transition: opacity 0.4s ease, transform 0.4s ease; /* Transição mais longa */
}
.dropdown li {
    z-index: 9999999;
}

.dropdown:hover .dropdown-menu {
    display: block;
    opacity: 1;
    transform: translateY(0);
}

.dropdown-menu li a {
    color: #004818;
    padding: 14px 24px; /* Aumentando o padding dos itens */
    text-decoration: none;
    display: block;
    transition: background-color 0.4s ease, color 0.4s ease; /* Transições mais longas */
}

.dropdown-menu li a:hover {
    background-color: #e6f5e6; /* Verde muito claro no hover */
    color: #006400; /* Verde mais escuro no hover */
}

.dropdown-submenu {
    position: relative;
}

.level-3{
      padding-left: 5% !important;
      background-color: #F4F4F4;
  }

.dropdown-submenu .sub-menu {
    display: none;
    position: absolute;
    top: 0;
    left: 100%;
    min-width: 240px;
    background-color: #fff;
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
    z-index: 2;
    list-style: none;
    padding: 12px 0;
    margin: 0;
    border-radius: 10px;
    opacity: 0;
    transform: translateY(15px);
    transition: opacity 0.4s ease, transform 0.4s ease;
}

input[type="checkbox"]:checked + .dropdown-menu {
    display: block;
    position: static; /* No mobile, o static é melhor para empurrar os itens de baixo */
    width: 100%;
}

.dropdown-submenu .dropdown-toggle::after {
    display: inline-block;
    margin-left: .255em;
    vertical-align: .255em;
    content: " ";
    border-top: .3em solid;
    border-right: .3em solid transparent;
    border-bottom: 0;
    border-left: .3em solid transparent;
}
/* Garante que o ícone aponte para baixo (ou mude) quando aberto */
input[type="checkbox"]:checked + .dropdown-menu + .dropdown-submenu .dropdown-toggle::after, /* seletor dependendo da sua ordem */
input[type="checkbox"]:checked ~ .dropdown-toggle::after {
    /* Opcional: faz a setinha virar para cima quando aberto */
    transform: rotate(180deg);
}

.dropdown-submenu:hover .sub-menu {
    display: block;
    opacity: 1;
    transform: translateY(0);
}

/* Adicionando estilos para abrir o submenu à esquerda */
@media (min-width: 992px) {
    .dropdown-submenu .sub-menu {
        left: auto;
        right: 100%;
    }
}

/* Animação de borda verde no hover */
.dropdown-menu li a:hover {
    position: relative;
    overflow: hidden;
}

.dropdown-menu li a:hover::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, transparent, #004818, transparent);
    transition: 0.6s; /* Transição mais longa */
}

.dropdown-menu li a:hover::before {
    left: 100%;
}

/* Adicionando animação de escala no hover */
.dropdown-menu li a {
    transform: scale(1);
    transition: transform 0.3s ease;
}

.dropdown-menu li a:hover {
    transform: scale(1.05); /* Ligeiro aumento no hover */
}



/* ainda to tentando resolver uns BOs aqui*/
/* Estilos para o menu dropdown em dispositivos móveis */
.offcanvas-body .dropdown {
    position: relative;
    width: 100%;
}

.offcanvas-body .dropdown-menu {
    position: static;
    display: none;
    width: 100%;
    border: none;
    box-shadow: none;
    padding: 0;
    margin: 0;
    border-radius: 0;
    opacity: 1;
    transform: none;
    transition: none;
}

#dropdown-toggle:checked ~ .offcanvas-body .dropdown-menu {
    display: block;
}

.offcanvas-body .dropdown-menu li a {
    color: #004818;
    padding: 12px 20px;
    text-decoration: none;
    display: block;
    transition: background-color 0.3s ease;
}

.offcanvas-body .dropdown-menu li a:hover {
    background-color: #f0f8f0;
}

.offcanvas-body .dropdown-submenu {
    position: relative;
    width: 100%;
}

.offcanvas-body .dropdown-submenu .sub-menu {
    position: static;
    display: none;
    width: 100%;
    border: none;
    box-shadow: none;
    padding: 0;
    margin: 0;
    border-radius: 0;
    opacity: 1;
    transform: none;
    transition: none;
}

#dropdown-estante-toggle:checked ~ .offcanvas-body .dropdown-submenu .sub-menu {
    display: block;
}

/* Animação de borda verde no hover */
.offcanvas-body .dropdown-menu li a:hover {
    position: relative;
    overflow: hidden;
}

.offcanvas-body .dropdown-menu li a:hover::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, transparent, #004818, transparent);
    transition: 0.5s;
}

.offcanvas-body .dropdown-menu li a:hover::before {
    left: 100%;
}

/* Adicionando animação de escala no hover */
.offcanvas-body .dropdown-menu li a {
    transform: scale(1);
    transition: transform 0.3s ease;
}

.offcanvas-body .dropdown-menu li a:hover {
    transform: scale(1.05);
}

/* Correção para o submenu */
.offcanvas-body .dropdown-submenu label {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding: 12px 20px;
    color: #004818;
    cursor: pointer;
}

.offcanvas-body .dropdown-submenu label::after {
    /*content: '+';*/
    font-size: 1.2em;
}

#dropdown-estante-toggle:checked ~ .offcanvas-body .dropdown-submenu label::after {
    content: '-';
}

/*Classes Educação/Jogos*/

.btn_Jogos{
    color: black;
    background-color: var(--cor-cinza-principal);
    border: solid 0 20px 2px 0 var(--cor-verde-principal);
}.btn_Jogos:hover{
    background-color: var(--cor-cinza-principal);
    box-shadow: 1px 1px 0 1px var(--cor-verde-principal);
}.btn_Jogos:focus{
    background-color: var(--cor-cinza-principal);
    box-shadow: 1px 1px 0 1px var(--cor-verde-principal);
}
@media only screen and (max-width: 576px){
    .img-vertical-jogos{
        width: 100%;
    }
}

/*Página de videos*/

.titulo-videos {
    color: #004818;
    text-align: center;
    margin-top: 30px;
}

.subtexto-videos {
    font-weight: bold;
    color: #004818;
    margin-bottom: 20px;
}

.video-item {
    padding: 30px;
    border-radius: 10px;
    text-align: center;
    display: flex;
    flex-direction: column;
}

.video-item iframe {
    width: 100%;
    height: 300px;
    border-radius: 10px;
    overflow: hidden;
}

.video-item p {
    margin-top: 10px;
}

/* Media query para dispositivos móveis (largura máxima de 768px) */
@media (max-width: 576px) {
    .row {
        flex-direction: column; /* Exibe os vídeos em uma única coluna */
    }
}

/*Noticias*/

/* Texto sobre a imagem */

.img-vertical-noticias {
    max-width: 400px;
}

@media (max-width: 576px) {
    .img-vertical-noticias {
        max-width: 100%;
    }
}

.headline {
    position: absolute;
    bottom: -27%; /* Ajuste para posicionar o texto um pouco acima */
    left: 37%;
    transform: translateX(-50%); /* Centraliza horizontalmente */
    width: 60%;
    font-size: 1.8rem;
    color: #5ba86e;
    font-weight: bold;
    line-height: 1.4;
    background: rgba(255, 255, 255); /* Leve fundo branco transparente para melhorar legibilidade */
    padding: 10px 10px;
    border-radius: 5px;
}.headline2 {
    position: absolute;
    bottom: -7%; /* Ajuste para posicionar o texto um pouco acima */
    left: 37%;
    /*transform: translateX(-50%); !* Centraliza horizontalmente *!*/
    width: 60%;
    font-size: 1.8rem;
    color: #5ba86e;
    font-weight: bold;
    line-height: 1.4;
    background: rgba(255, 255, 255); /* Leve fundo branco transparente para melhorar legibilidade */
    padding: 10px 10px;
    border-radius: 5px;
}

.headline h1 {
    margin-bottom: 1%;
}

/* Responsividade */
@media (max-width: 576px) {
    .headline {
        font-size: 1.4rem;
        width: 100%;
        bottom: -20px; /* Ajusta posição do texto */
        padding-left: 80px;
    }
}

.divider {
    border-top: 2px solid #d1d1d1;
    margin: 10px 0;
}

/* Estilo Básico */
.gallery {
    margin: 0 auto;
}
@media only screen and (max-width: 576px) {
.double-img {
    width: 100% !important;
}   
}

.item img {
    width: 100%;
    display: block;
    border-radius: 8px;
}

.img-fundo-noticia {
    padding: 0 7.5%;
}
.animate-element{
    transition: all 0.5s ease-in-out;
}

.slide-in-c {
    opacity: 0;
    transform: translateX(-100%);
}
.slide-in{
    opacity: 0;
    transform: translateX(-100%);
}
.slide-in-c.show {
     opacity: 1;
     transform: translateX(-50%);
}

/* Classe ativada quando o elemento é visível */
.slide-in.show {
    opacity: 1;
    transform: translateX(0);
}

/* Galeria */

.gallery {
    column-count: 3;
    column-gap: 1em;
    padding: 1em;
}

@media only screen and (max-width: 768px) {
    .gallery {
        column-count: 2;
    }
}@media only screen and (max-width: 576px) {
    .gallery {
        column-count: 1;
        column-gap: 0.5em;
        padding: 0.5em;
    }
}

.itemm{
    break-inside: avoid;
    margin-bottom: 1em;
    background: #eee;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 2px 8px rgba(0,0,0,0.1);
    transition: transform 0.3s ease, filter 0.3s ease, box-shadow 0.3s ease;
}
.itemm:hover {
    transform: scale(1.03);
    filter: brightness(1.1);
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.2);
  }

.gallery img {
    width: 100%;
    display: block;
}

@import url('https://fonts.googleapis.com/css?family=PT+Mono');

:root {
    --bg: #4F000B;
    --itemBg1: #720026;
    --itemBg2: #CE4257;
    --itemBg3: #FFC093;
    --itemBg4: #FF7F51;
    --counterBg: #222;
}

.masonry {
    column-count: 1;
    column-gap: 0;
    counter-reset: item-counter;
}

@media screen and (min-width: 400px) {
    .masonry {
        column-count: 2;
    }
}

@media screen and (min-width: 600px) {
    .masonry {
        column-count: 3;
    }
}

@media screen and (min-width: 800px) {
    .masonry {
        column-count: 4;
    }
}

@media screen and (min-width: 1100px) {
    .masonry {
        column-count: 5;
    }
}

.item {
    box-sizing: border-box;
    break-inside: avoid;
    padding: 10px;
    counter-increment: item-counter;
}

.item__content {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 220px;
    font-size: 40px;
    color: var(--bg);
    background: var(--itemBg1); /* fallback for currentColor */
    background: currentColor;
    box-sizing: border-box;
    transition: background 0.3s ease, transform 0.3s ease;
}

.item__content:hover {
    transform: scale(1.05);
    filter: brightness(1.1);
}

.item__content::before {
    position: absolute;
    top: 0;
    left: 0;
    font-size: 13px;
    width: 2em;
    height: 2em;
    line-height: 2em;
    text-align: center;
    font-weight: bold;
    background-color: var(--counterBg);
    content: counter(item-counter);
}

.item__content::after {
    color: var(--bg);
    content: 'ಠ‿ಠ';
}

.item__content--small {
    background: var(--itemBg2);
    height: 100px;
}

.item__content--small:hover {
    transform: scale(1.05);
    filter: brightness(1.1);
}

.item__content--small::after {
    content: '♥◡♥';
}

.item__content--medium {
    background: var(--itemBg3);
    height: 175px;
}

.item__content--medium:hover {
    transform: scale(1.05);
    filter: brightness(1.1);
}

.item__content--medium::after {
    content: '◔ᴗ◔';
}

.item__content--large {
    background: var(--itemBg4);
    height: 280px;
}

.item__content--large:hover {
    transform: scale(1.05);
    filter: brightness(1.1);
}

.item__content--large::after {
    content: 'ಠ_๏';
}

/* Carrossel da aba nossas atividades */

.custom-section-title {
    text-align: center;
    font-weight: bold;
    margin: 40px 0 60px;
    color:#004818;
    font-family: 'Exo 2', 'Maven Pro', sans-serif;
}

.noticias-carousel-wrapper {
    position: relative;
    overflow: hidden;
    padding: 20px 0;
}

.noticias-carousel-section {
    margin-top: 1rem;
}

.noticias-carousel {
    display: flex;
    gap: 16px;
    padding: 20px 40px;
    scroll-behavior: smooth;
    flex-wrap: nowrap;
    overflow-x: auto;
    width: 100%;
}

.noticia-card {
    flex: 0 0 auto;
    width: 450px;
    background-color: #f0f0f0;
    border-radius: 12px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.noticia-card img {
    width: 100%;
    height: 250px;
    object-fit: cover;
    flex-shrink: 0;
}

.noticia-card h3 {
    font-family: 'Maven Pro', sans-serif;
    font-size: 1rem;
    margin: 10px;
    text-align: left;
    line-height: 1.4;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    min-height: 4.2em;
}

.custom-hover-left,
.custom-hover-right {
    position: absolute;
    top: 0;
    width: 120px;
    height: 100%;
    z-index: 5;
}


.custom-hover-left {
    left: 0;
}

.custom-hover-right {
    right: 0;
}

.noticia-card-link {
    text-decoration: none;
    color: inherit;
    display: inline-block;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
    border-radius: 12px;
}

.noticia-card-link:hover {
    transform: translateY(-4px);
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
}

@media (max-width: 768px) {
    .noticias-carousel {
        padding: 0 20px; /* reduz o padding lateral no carrossel */
        gap: 12px;
    }

    .noticia-card {
        width: 280px; /* reduz a largura do card */
    }

    .noticia-card img {
        height: 180px; /* ajusta a altura da imagem */
    }

    .noticia-card h3 {
        font-size: 0.95rem;
        margin: 8px;
        -webkit-line-clamp: 4; /* permite mais linhas se necessário */
        min-height: 5em;
    }

    .custom-hover-left,
    .custom-hover-right {
        width: 50px; /* diminui a zona de hover para não atrapalhar no mobile */
    }
}

.img-biotinha-desenvolvimento {
    width: 100%;
    height: auto;
    margin-bottom: 10vh;
}

@media only screen and (max-width: 576px) {
    .img-biotinha-desenvolvimento {
        margin-bottom: 0;
        padding-right: 30px;
        width: 180%;
    }
}

/*RBC na midia*/

.padrao_img_RBCM{
    max-height: 416px;
}
div .padrao_img_RBCM {
    display: flex;
    justify-content: center;
    text-align: center;
}

.padrao_card_RBCM {
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  border-radius: 12px;
    padding-top: 20px;
}

/* Aplica o efeito ao passar o mouse */
.padrao_card_RBCM:hover {
  transform: translateY(-5px);
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.15);
  /*box-shadow: 0 4px 6px var(--cor-verde-principal);*/
}

.img-wrap {
    float: left;
    width: auto;
    height: 600px;
    margin: 0 20px 32px 0;
    shape-outside: inset(0%);
    clip-path: inset(-10%);
}

.img-wrap img {
    width: 100%;
    height: 100%;
    border-radius: 5%;
    object-fit: cover;
    display: block;
}

@media (max-width: 576px) {
    .img-wrap {
        float: none;
        shape-outside: none;
        clip-path: none;
        width: 100%;
        height: auto;
        margin: 0 0 20px 0;
    }
}

.animation-d {
    transition: transform 0.2s cubic-bezier(.4,2,.6,1);
}

.animation-d:hover {
    transform: scale(1.1);
}

/*Aba secundaria fale conosco*/

.nav-submenu {
    background-color: #fff;
    font-weight: 600;
}

.submenu-wrapper .submenu-link {
    text-decoration: none;
    color: #777;
    padding-bottom: 8px;
    position: relative;
    cursor: pointer;
    font-size: clamp(16px, 4dvw, 25px);
}

.submenu-wrapper .submenu-link.active {
    color: #000;
}

.submenu-wrapper .submenu-link.active::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 4px;
    background-color: var(--cor-verde-principal);
}

.tab-content-box {
    /*border-top: 1px solid #ddd;*/
    padding: 20px;
    margin-top: 10px;
}

.btn-newsletter{
    padding: 8px 12px;
    text-decoration: none;
    font-size: 16px;
    color: white;
    transition: all 0.3s ease;
    border-color: #e6f5e6;
    background-color: var(--cor-verde-PA4);
}
.btn-newsletter:hover{
    transform: scale(1.05);
    background-color: #e6f5e6;
    color: var(--cor-verde-principal);
    text-decoration: none;
    border-color: var(--cor-verde-PA4);
}

.caption {
    text-align: start;
    font-style: italic;
    color: #6c757d;
    font-size: 0.9em;
}

/*Publicações*/

.card[data-card] {
    transition: opacity 0.4s ease-in-out, transform 0.4s ease-in-out;
}

.card-hidden {
    opacity: 0;
    transform: scale(0.95) translateY(15px);
    pointer-events: none;
}

.lead {
    font-size: 1.2rem;
    font-weight: 300;
}
.caption {
    font-style: italic;
    color: #6c757d;
    font-size: 0.9em;
}
.testimonial-box {
    background-color: #f8f9fa;
    border-left: 5px solid #198754;
    padding: 20px;
    margin: 30px 0;
    border-radius: 5px;
}