/* RESET */
* {
    margin: 0;
    padding: 0;
    border: 0;
    box-sizing: border-box;
}

a {
    text-decoration: none;
}


html {
    scroll-behavior: smooth;
}



/*QUEM SOMOS*/
body {
    margin: 0;
    padding: 0;
    font-family: Arial, sans-serif;
}
main{
    overflow: hidden;
}
.comeco{
    width: 100%;
    height: 400px;

}
#imagem-comeco img{
    width: 100%;
    height: 100%;

}
#texto{
    width: 100%;

}
#meuTexto {


    animation: bounceInUp;
    /* referring directly to the animation's @keyframe declaration */
    animation-duration: 2s;
    /* don't forget to set a duration! */
    /* margin-top: 0px; */
    /* Um espaço inicial para o texto */
    /* Adiciona uma transição suave */
    position: absolute;
    /* position: relative; */
    top: 30vh;
    /* left: 28%; */
    margin: auto;

    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.le {
    /* margin-bottom: 20px; */
    text-align: center;
    color: white;
    font-family: Montserrat;
    font-size: 30px;
    font-weight: 700;



}

.junte {
    text-align: center;
    color: white;
    font-family: Montserrat;
    font-size: 40px;
    font-weight: 700;

}

.dif {
    color: #c4faae;
    text-align: center;
    font-family: Montserrat;
    font-size: 40px;
    font-weight: 700;

}

.linha {
    align-items: center;
    justify-content: center;
    text-align: center;
    border-bottom: 3px solid #c4faae;
    width: 400px;
    margin-top: 20px;

}

.oscip {
    text-align: center;
    font-size: 18px;
    font-weight: 600;
    font-family: Manrope;
    color: white;
    padding: 50px 120px;
    margin-top: -25px;

}

.quem {
    font: 300 30px 'Montserrat', sans-serif;
    text-align: center;
    margin-top: 100px;
}

.preto {
    font: 500 30px 'Montserrat', sans-serif;
}

.azul {
    font: 700 30px 'Montserrat', sans-serif;
    color: #26B2F4;
}

.historia-sobre {
    text-align: center;
    display: flex;
    justify-content: space-evenly;
    flex-wrap: wrap;

}

.obj {
    background-color: #fff;
    border-radius: 10px;
    width: 180px;
    height: 50px;
    font: 400 20px 'Montserrat', sans-serif;
    margin-top: 80px;
    border: 1px solid;
}

.obj:hover {
    background-color: #EFFAFF;
    border: 1px solid #26B2F4;
}

.histo {
    background-color: #FFF;
    border-radius: 10px;
    width: 180px;
    height: 50px;
    font: 400 20px 'Montserrat', sans-serif;
    margin-top: 80px;
    border: 1px solid;
}

.histo:hover {
    background-color: #EFFAFF;
    border: 1px solid #26B2F4;
}

#missao-visao-valores {
    background-color: #FFF;
    border-radius: 10px;
    width: 90%;
     font: 400 20px 'Montserrat', sans-serif;
   
    margin: 80px auto;
    border: 1px solid;
}
#missao-visao-valores h2 {
   padding: 2rem;
   color: #26B2F4;
   text-align: center;
  
}

#missao-visao-valores p {
  

   text-align: center;
  
}
.emprefeliz {
    background-color: #FFF;
    border-radius: 10px;
    width: 180px;
    height: 50px;
    font: 400 20px 'Montserrat', sans-serif;
    margin-top: 80px;
    border: 1px solid;
}

.emprefeliz:hover {
    background-color: #EFFAFF;
    border: 1px solid #26B2F4;
}

.governanca {
    background-color: #FFF;
    border-radius: 10px;
    width: 180px;
    height: 50px;
    font: 400 20px 'Montserrat', sans-serif;
    margin-top: 80px;
    border: 1px solid;
}

.governanca:hover {
    background-color: #EFFAFF;
    border: 1px solid #26B2F4;
}
/* relatorios */

.relatorios{
    padding: 2rem;

   display: flex;
   flex-direction: column;
   align-items: center;

}
.relatorios h2{
    font-size: 2rem;
}
.relatorios ul li{
    display: flex;
    align-items: center;
}
.relatorios ul li a{
  cursor: pointer;
  color: var(--azul);
  font-family: var(--principal);
}
.relatorios ul li img{
    width: 80px;
}
/*objetivo*/
.colaborador {
    background-color: #C8E9FF;
    padding: 30px 30px 30px 30px;
    width: 800px;
    height: 260px;
    text-align: center;

    margin-top: 100px;
    font: 400 15px 'Manrope', sans-serif;
}

.colaborador-azul {
    text-align: center;
    align-items: center;
    justify-content: center;

    display: flex;
}

.venha {
    text-align: center;
    margin-top: 10px;
    font: 600 15px 'Manrope', sans-serif;

}

.prof {
    font: 500 15px 'Montserrat', sans-serif;
    text-align: center;
    margin-top: 10px;
    color: black;
}

.maos {
    margin-left: 700px;
    margin-top: -30px;
}

#flecha {
    margin-top: 150px;
    text-align: center;
    justify-content: center;
    align-items: center;

}

.obj2 {
    color: #FB2673;
    font: 'Montserrat', sans-serif;
    text-align: center;
}

.texto {
    margin-top: 70px;
    text-align: center;
    font: 400 20px 'Manrope', sans-serif;
}

/*FIM OBJ*/

#missao-visao-valores {
    background-color: #FFF;
    border-radius: 10px;
    width: 90%;
     font: 400 20px 'Montserrat', sans-serif;
   display: flex;
   flex-direction: column;
   align-items: center;
   gap: 1rem;
   border: none;
    margin: 200px auto;
    
  
}
#missao-visao-valores h2 {
   padding: 2rem;
   
   color: transparent;
   text-align: center;
  
}

#missao-visao-valores #mvv-img {

margin: 0 auto;
display: flex;
justify-content: center;
align-items: center;

}
#missao-visao-valores #mvv-img img {
    width: 150px;
    height: 150px;
    margin: 1rem auto;
}
.mvv-box{
    display: flex;
    justify-content: center;

  text-align: left;
    align-items: center;

    
}

.valores{

    display: flex;
    justify-content: center;
  flex-direction: column;
  
    
}
.visao{
   padding-left: 30px;
  
}
.valores ul li{
    line-height: 2rem;
}
#missao-visao-valores p {
    width: 100%;

 text-align: left;
 margin: 1rem 0;
letter-spacing: 2px;
}
.valores ul li  .n1 {
    color: #26B2F4;
    font-weight: 600;
}
.valores ul li  .n2 {
    color: #f27202;
    font-weight: 600;
}
.valores ul li  .n3 {
    color: #f403ac;
    font-weight: 600;
}
.valores ul li  .n4 {
    color: #eb0707;
    font-weight: 600;
}

/*HISTÓRIA*/
.historia-retangulo {
padding: 4rem;

    padding: 4rem;
    width: 100%;
    display: flex;
 flex-direction: column;
    margin-top: 150px;

}
.etapa1 .etapa2{

    width: 50%;

}
.retangulo {
padding-top: 200px;
    text-align: center;
    width: 50%;
}
.segundo{

    margin: 0;
    padding: 0;
}
.titulo1 {
    text-align: center;
    align-items: center;

}


.texto1,
.texto2 {
padding: 2rem 0;
 
}

.img1 {
    width: 350px;
    padding-top: 2rem;
}

.img2 {
    width: 350px;
}

.img3 {
    width: 350px;
}

.img4 {
    width: 350px;
}

.texto1,
.texto2 {
    width: 400px;
}

.img3,
.texto3,
.img4,
.texto4 {
    margin-top: 50px;
    margin-bottom: 20px;
}


.texto1,
.texto2,
.texto3,
.texto4 {
    font-family: 'Manrope';
    font-size: 18px;
    font-weight: 400;

}


.primeiro {
    display: flex;
    flex-direction: column;
    align-items: center;


}
.retangulo{
    margin: auto;
    width: 100%;
}
.setameio {
    text-align: center;
    align-items: center;
    margin-left: 500px;
    margin-top: -600px;
    width: 140px;
}

.segundo {
    align-items: center;
    display: flex;
    flex-direction: column;
    margin-left: 800px;
    width: 300px;
    margin-top: -80vh;
    word-break: keep-all;

}

/* Estilize a div que conterá a imagem e as palavras */
.container,
.container2,
.container3,
.container4 {
    position: relative;
    display: inline-block;
}

/* Estilize a imagem */


/* Estilize as palavras que serão exibidas */
.overlay {
    position: absolute;
    bottom:20px;
    left: 0;
    opacity: 0;
    /* Inicialmente, as palavras estão invisíveis */
    transition: opacity 0.3s ease;
    background-color: rgba(0, 0, 0, 0.7);
    color: #fff;
    padding: 10px;
    text-align: center;
    width: 340px;
    height: 50px;
    border-radius: 15px;
    box-sizing: border-box;

}

.overlay2 {
    position: absolute;
    bottom:20px;
    left: 0;
    opacity: 0;
    /* Inicialmente, as palavras estão invisíveis */
    transition: opacity 0.3s ease;
    background-color: rgba(0, 0, 0, 0.7);
    color: #fff;
    padding: 10px;
    text-align: center;
    width: 348px;
    height: 50px;
    border-radius: 15px;
    box-sizing: border-box;
}

.overlay3 {
    position: absolute;
    top: 245px;
    left: 40 px;
    opacity: 0;
    /* Inicialmente, as palavras estão invisíveis */
    transition: opacity 0.3s ease;
    background-color: rgba(0, 0, 0, 0.7);
    color: #fff;
    padding: 10px;
    text-align: center;
    width: 347px;
    height: 50px;
    border-radius: 15px;
    box-sizing: border-box;
}

.overlay4 {
    position: absolute;
    top: 245px;
    left: 2px;
    opacity: 0;
    /* Inicialmente, as palavras estão invisíveis */
    transition: opacity 0.3s ease;
    background-color: rgba(0, 0, 0, 0.7);
    color: #fff;
    padding: 10px;
    text-align: center;
    width: 348px;
    height: 50px;
    border-radius: 15px;
    box-sizing: border-box;
}

.container-texto {
    font-family: 'Forum', sans-serif;
}

/* Quando o mouse passa sobre a imagem, torne as palavras visíveis */
.container:hover .overlay {
    opacity: 1;
}

.container2:hover .overlay2 {
    opacity: 1;
}

.container3:hover .overlay3 {
    opacity: 1;
}

.container4:hover .overlay4 {
    opacity: 1;
}

/* FIM HISTÓRIA*/


/*EMPRESA-FELIZ */
.empresa-feliz {
    background-color: white;
    width: 100%;
    height: 800px;

}

.predio {
    text-align: center;
    align-items: center;
    justify-content: center;
    margin-top: 150px;
}

.empresa {
    font-family: 'Montserrat';
    font-size: 28px;
    font-weight: 700px;
    color: #26B2F4;
}

.estar h1 {
    margin-top: 70px;
    font: 400 20px 'Manrope', sans-serif;
    padding: 0 35vh;

}

.projetos {
    font-family: 'Montserrat', sans-serif;
    font-size: 9px;
    font-weight: 600;
    text-align: center;
    align-items: center;
    justify-content: center;
    margin-top: 100px;
}

/*CARROSEL*/
.carousel-container {
    position: relative;
    width: 60%;
    /* largura do carrossel */
    overflow: hidden;
    text-align: center;
    margin: auto;
    border: 2px solid black;
    height: 200px;
    display: flex;
    align-items: center;
    margin-top: 20px;
}

.carousel {
    display: flex;
    transition: 0.5s;
}

.carousel ul {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    /* align-items: center;
    justify-content: center; */

}

.carousel li {
    flex: 0 0 33.33%;
    /* define a largura das imagens, 33.33% para exibir 3 por vez */
    height: 100%;
    /* Alterado para altura de 100% para garantir que a altura seja consistente com o contêiner pai */
    box-sizing: border-box;
    /* Adicionado para garantir que a borda não afete a largura e altura total */
    display: flex;
    align-items: center;
    padding: 0 0 0 55px;
}

.carousel img {
    width: 70%;
    /* Garante que a imagem ocupe 100% da largura da li */
    height: auto;
    /* Garante que a imagem ocupe 100% da altura da li */

}

.carousel-button {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 40px;
    /* largura dos botões */
    display: flex;
    align-items: center;
    cursor: pointer;
}

.carousel-button-left {
    left: 0;
}

.carousel-button-right {
    right: 0;
}

/*Imagens*/
ul li .carrosel-11 {
    width: 50%;

}

/* ul li .carrosel-12{
width: 50%;
} */
/* ul li .carrosel-10{
    width: 50%;
} */
/*FIM CARROSEL */

/*GOVERNANÇA*/
.governo {
    background-color: #F5F5F5;
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: column;
}

#governa {

    text-align: center;
    align-items: center;
    justify-content: center;
    padding: 4rem 0;
display: flex;
flex-direction: column;
        gap: 2rem;
        letter-spacing: 2px;
        line-height: 2rem;

}

.gov, .contas , .contasSub {
    font-family: 'Montserrat', sans-serif;
    font-size: 2rem;
    font-weight: 700px;
    color: #878F94;
    text-align: center;
}

.contasSub{
    font-size: 1.4em;
    text-align: center;
}
.texto-prestacao{
    padding: 2rem;
       letter-spacing: 2px;
        line-height: 2rem;
}

.missao {
    font-family: 'Manrope', sans-serif;
    font-size: 20px;
    font-weight: 400px;
    text-align: center;
    padding: 0 5vh;
}
.relatorios{
    display: flex;

   
}

.relatorios ul{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
}
.diretoria {
    text-align: center;
    display: flex;
    justify-content: center;
    font-family: 'Forum', sans-serif;
    font-weight: 400;
    font-size: 35px;
    margin-top: 70px;
    margin-bottom: 30px;

}

/*NOMES*/
.nome1,
.nome2,
.nome3,
.nome4 {
    color: #1F9B6E;
    font-size: 25px;
    font-weight: 600;
    font-family: 'Montserrat', sans-serif;
    width: 300px;
}



.text {
    font-family: 'Montserrat', sans-serif;
    font-size: 18px;
    font-style: italic;
    font-weight: 500;
    /* width: 300px; */
    /* margin-left: 450px; */
    margin-bottom: 35px;
}

.textp {
    font-family: 'Montserrat', sans-serif;
    font-size: 18px;
    font-style: italic;
    font-weight: 500;
    /* margin-left: 350px; */
}

.text1 {
    font-family: 'Montserrat', sans-serif;
    font-size: 18px;
    font-style: italic;
    font-weight: 500;

    /* margin-left: 1130px; */
}

.dados {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    flex-wrap: wrap;

}



.segunda-linha,
.primeira-linha {
    height: 300px;
    width: 2px;
    background-color: black;


}

.presidente {
    margin-right: 50px;

}

.vice-presidente {
    text-align: center;
    display: flex;

    align-items: center;

}

.let {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-left: 50px;

}

.conselheiro,
.fiscal {
    text-align: center;
    align-items: center;
    justify-content: center;
    display: flex;
    font-family: 'Forum', sans-serif;
    font-weight: 400;
    font-size: 35px;

    /* padding: 80px; */

}

/*NOSSO ESTATUTO*/

.nosso-estatuto {
    font-family: 'Montserrat', sans-serif;
    font-size: 18px;
    font-weight: 400;
    text-align: center;
    align-items: center;
    justify-content: center;
    display: flex;
    flex-direction: column;
    margin-top: 80px;
}

.aqui a {
    color: #1F9B6E;
    font-family: 'Montserrat', sans-serif;
    font-size: 18px;
    font-weight: 600;
    display: flex;
    align-items: center;
    text-align: center;
    justify-content: center;
    text-decoration: underline;

}

.aqui {
    margin-top: 10px;
}

.denuncia {
    font-family: 'Montserrat', sans-serif;
    font-size: 18px;
    font-weight: 600;
    color: #1F9B6E;
    display: flex;
    align-items: center;
    text-align: center;
    justify-content: center;
}

/* RODAPÉ */
#contato {
    background: rgba(255, 228, 133, 0.74);
    padding: 73px 0;
    padding-bottom: 15px;
}

#contato .conteiner {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
}

.rodapeCima {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: center;
}

.rodape-lado1 {
    display: flex;
    flex-direction: column;
    margin: 0 70px;
}

.logoRodape {
    margin-left: 135px;
}

.redes {
    margin: 20px;
    display: flex;
    align-items: center;
    height: 50px;
}

.icone {
    width: 55px;
    padding: 9px;
}

.icone:hover {
    width: 62px;
    transition: 0.5s;
    filter: brightness(50%);
}

.texto-rodape {
    font: 400 20px 'Montserrat', sans-serif;
}

.rodapeTexto {
    text-align: justify;
    width: 33rem;
}

.enderecoTexto {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 25px;
    margin-right: 15px;
}

.iconMaps {
    margin-right: 20px;
}

.textoMaps {
    font: 400 20px 'Montserrat', sans-serif;
}

.rodape-lado2 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin: 0 70px;
}

.logoRodape img {
    width: 170px;
}

.menina img {
    width: 180px;
}

.imgMaps img {
    width: 380px;
    border-radius: 10px;
}

.imgMaps {
    display: flex;
    justify-content: center;
    margin-bottom: 30px;
}

.direitos {
    display: flex;
    align-items: center;
    flex-direction: column;
    margin-top: 120px;
}

.autorais {
    font: 300 2vh 'Montserrat', serif;
    margin-bottom: 5px;
}

.direito {
    font: 300 2.5vh 'Montserrat', serif;
    margin-bottom: 10px;
}




@media screen and (max-width: 1200px) {

   .comeco-tudo img {
    width: 100%;
    height: 400px;
   }

    #meuTexto {

        animation: none;

    }

    .le {
        color: white;
        font-family: 'Montserrat';
        font-size: 0;
        font-weight: 700;
        margin-top: 70px;
        text-align: center;
        justify-content: center;




    }

    .junte {
        text-align: center;
        color: white;
        font-family: Montserrat;
        font-size: 0;
        font-weight: 700;
        text-align: center;


    }

    .dif {
        color: #c4faae;
        text-align: center;
        font-family: 'Montserrat';
        font-size: 0;
        font-weight: 700;
        margin-left: 0px;
        text-align: center;

    }

    .linha {
        align-items: center;
        justify-content: center;
        text-align: center;
        border-bottom: 3px solid #c4faae;
        width: 0;
        margin-top: 5px;


    }

    .oscip {

        font-size: 0;
    }

    .lets {
        width: 100%;
      
        text-align: center;
        justify-content: center;
        display: flex;
    }

    .quem {
        font: 300 30px 'Montserrat', sans-serif;
        text-align: center;
        margin-top: -150px;
    }

    .colaborador {
        background-color: #C8E9FF;
        padding: 30px 30px 30px 30px;
        width: 350px;
        height: 400px;
        text-align: center;
        margin-top: 100px;
        font: 400 15px 'Manrope', sans-serif;
    }

    .colaborador-azul {
        text-align: center;
        align-items: center;
        justify-content: center;
        display: flex;
    }

    .maos {
        display: none;
    }

    .obj2 {
        color: #FB2673;
        font: 'Montserrat', sans-serif;
        text-align: center;

    }

    .texto {
        margin-top: 70px;
        text-align: center;
        ;
        font: 400 16px 'Manrope', sans-serif;
    }



    .img1,
    .texto1,
    .img2,
    .texto2 {
       
        margin-bottom: 17px;

    }

/*HISTÓRIA*/
.historia-retangulo {
    padding: 4rem;
    
        padding: 4rem;
        width: 100%;
        display: flex;
     flex-direction: column;
        margin-top: 150px;
    
    }
    .etapa1 {

        width: 100%;
        display: flex;
        text-align: justify;
        align-items: center;
        justify-content: center;
        flex-direction: column;
    
    }
    .retangulo {
    padding-top: 200px;
        text-align: center;
        width: 100%;

    }
    .segundo{
    
        margin: 0;
        padding: 0;
    }
    .titulo1 {
        text-align: center;
        align-items: center;
    
    }
    
    
    .texto1,
    .texto2 {
    padding: 2rem ;
     
    }
    
    .img1 {
        width: 350px;
        padding-top: 2rem;
    }
    
    .img2 {
        width: 350px;
    }
    
    .img3 {
        width: 350px;
    }
    
    .img4 {
        width: 350px;
    }
    
    .texto1,
    .texto2 {
        width: 400px;
        text-align: justify;
    }
    
    .img3,
    .texto3,
    .img4,
    .texto4 {
        margin-top: 50px;
        margin-bottom: 20px;
    }
    
    
    .texto1,
    .texto2,
    .texto3,
    .texto4 {
        font-family: 'Manrope';
        font-size: 18px;
        font-weight: 400;
        text-align: justify;
    }
    
    
    .primeiro {
        display: flex;
        flex-direction: column;
        align-items: center;
    
    
    }
    
    .setameio {
     display: none;
    }
    
    .segundo {
      
        align-items: center;
        display: flex;
      margin: 0 auto;
        flex-direction: column;
       text-align: justify;
        width:100%;
        margin-top: 0vh;
        word-break: keep-all;
    
    }
    
    /* Estilize a div que conterá a imagem e as palavras */
    .container,
    .container2,
    .container3,
    .container4 {
        position: relative;
       
    }
    
    /* Estilize a imagem */
    
    
    /* Estilize as palavras que serão exibidas */
    .overlay {
        position: absolute;
        bottom:20px;
        left: 0;
        opacity: 0;
        /* Inicialmente, as palavras estão invisíveis */
        transition: opacity 0.3s ease;
        background-color: rgba(0, 0, 0, 0.7);
        color: #fff;
        padding: 10px;
        text-align: center;
        width: 340px;
        height: 50px;
        border-radius: 15px;
        box-sizing: border-box;
    
    }
    
    .overlay2 {
        position: absolute;
        bottom:20px;
        left: 0;
        opacity: 0;
        /* Inicialmente, as palavras estão invisíveis */
        transition: opacity 0.3s ease;
        background-color: rgba(0, 0, 0, 0.7);
        color: #fff;
        padding: 10px;
        text-align: center;
        width: 348px;
        height: 50px;
        border-radius: 15px;
        box-sizing: border-box;
    }
    
    .overlay3 {
        position: absolute;
        top: 245px;
        left: 40 px;
        opacity: 0;
        /* Inicialmente, as palavras estão invisíveis */
        transition: opacity 0.3s ease;
        background-color: rgba(0, 0, 0, 0.7);
        color: #fff;
        padding: 10px;
        text-align: center;
        width: 347px;
        height: 50px;
        border-radius: 15px;
        box-sizing: border-box;
    }
    
    .overlay4 {
        position: absolute;
        top: 245px;
        left: 2px;
        opacity: 0;
        /* Inicialmente, as palavras estão invisíveis */
        transition: opacity 0.3s ease;
        background-color: rgba(0, 0, 0, 0.7);
        color: #fff;
        padding: 10px;
        text-align: center;
        width: 348px;
        height: 50px;
        border-radius: 15px;
        box-sizing: border-box;
    }
    
    .container-texto {
        font-family: 'Forum', sans-serif;
    }
    
    /* Quando o mouse passa sobre a imagem, torne as palavras visíveis */
    .container:hover .overlay {
        opacity: 1;
    }
    
    .container2:hover .overlay2 {
        opacity: 1;
    }
    
    .container3:hover .overlay3 {
        opacity: 1;
    }
    
    .container4:hover .overlay4 {
        opacity: 1;
    }
    
    /* FIM HISTÓRIA*/
    
    


    .estar h1 {
        margin-top: 70px;
        font: 400 16px 'Manrope', sans-serif;
        padding: 0 5vh;

    }

    .gov {
        font-family: 'Montserrat', sans-serif;
        font-size: 28px;
        font-weight: 700px;
        color: #878F94;
    }

    .missao {
        font-family: 'Manrope', sans-serif;
        font-size: 16px;
        font-weight: 400px;
        text-align: center;
        padding: 0 5vh;
    }

.box-contas a{
  margin: 0 2rem;
}

    /*NOMES*/
    .nome1,
    .nome2,
    .nome3,
    .nome4 {
        color: #1F9B6E;
        font-size: 18px;
        font-weight: 600;
        font-family: 'Montserrat', sans-serif;
        width: 300px;
    }



    .text {
        font-family: 'Montserrat', sans-serif;
        font-size: 16px;
        font-style: italic;
        font-weight: 500;
        width: 300px;
        /* margin-left: 450px; */
    }

    .textp {
        font-family: 'Montserrat', sans-serif;
        font-size: 16px;
        font-style: italic;
        font-weight: 500;
        /* margin-left: 350px; */
    }

    .text1 {
        font-family: 'Montserrat', sans-serif;
        font-size: 16px;
        font-style: italic;
        font-weight: 500;

        /* margin-left: 1130px; */
    }

    .dados {
        display: flex;
        justify-content: center;
        align-items: center;
        text-align: center;
        flex-wrap: wrap;

    }



    .segunda-linha,
    .primeira-linha {
        display: none;



    }

    .presidente {
        margin-right: 0;

    }

    .vice-presidente {
        margin-left: 0;
    }

    .let {
        display: flex;
        flex-direction: column;
        align-items: center;
        margin-left: 0;

    }

    .conselheiro,
    .fiscal {
        text-align: center;
        align-items: center;
        justify-content: center;
        display: flex;
        font-family: 'Forum', sans-serif;
        font-weight: 400;
        font-size: 20px;

    }

    .empresa-feliz {
        background-color: white;
        width: 100%;
        height: 800px;

    }

    .governo {
        background-color: #F5F5F5;
        width: 100%;
        height:auto;
    }

    .projetos {
        font-family: 'Montserrat', sans-serif;
        font-size: 7px;
        font-weight: 600;
        text-align: center;
        align-items: center;
        justify-content: center;
        margin-top: 100px;
    }

    /*CARROSEL*/
    .carousel-container {
        position: relative;
        width: 70%;
        /* largura do carrossel */
        overflow: hidden;
        text-align: center;
        margin: auto;
        border: 2px solid black;
        height: 200px;
        display: flex;
        align-items: center;
        margin-top: 20px;
    }

    .carousel {
        display: flex;
        transition: 0.5s;
    }

    .carousel ul {
        list-style: none;
        padding: 0;
        margin: 0;
        display: flex;
        /* align-items: center;
    justify-content: center; */

    }

    .carousel li {
        flex: 0 0 33.33%;
        /* define a largura das imagens, 33.33% para exibir 3 por vez */
        height: 100%;
        /* Alterado para altura de 100% para garantir que a altura seja consistente com o contêiner pai */
        box-sizing: border-box;
        /* Adicionado para garantir que a borda não afete a largura e altura total */
        display: flex;
        align-items: center;
        padding: 0 0 0 40px;
    }

    .carousel img {
        width: 100%;
        /* Garante que a imagem ocupe 100% da largura da li */
        height: auto;
        /* Garante que a imagem ocupe 100% da altura da li */

    }

    .carousel-button {
        position: absolute;
        top: 0;
        bottom: 0;
        width: 40px;
        /* largura dos botões */
        display: flex;
        align-items: center;
        cursor: pointer;
    }

    .carousel-button-left {
        left: 0;
    }

    .carousel-button-right {
        right: 0;
    }

    /*Imagens*/
    /* ul li .carrosel-11{
    width: 50%;
    
}
ul li .carrosel-12{
width: 50%;
}
ul li .carrosel-10{
    width: 50%;
} */

    /*FIM CARROSEL */




    #contato {
        padding: 15px;
        width: 100%;
        text-align: center;
    }

    .rodapeCima {
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .logoRodape {
        text-align: center;
        width: 100px;
        margin-left: 31vw;
    }

    #contato .menina img {
        margin-right: 100px;
        width: 120px;
    }

    #contato .redes {
        display: flex;
        align-items: center;
        height: 50px;
        margin: 15px 0;
    }

    .redes {
        width: 100%;
    }

    .redes img {
        width: 35px;
        padding: 5px;
        padding-left: 3px;
    }

    .icone:hover {
        width: 40px;
        transition: 0.5s;
        filter: brightness(50%);
    }

    .texto-rodape {
        padding: 5px;
        text-align: justify;
        font-size: 15px;
    }

    .logoRodape img {
        width: 120px;
    }

    .rodapeTexto,
    .redes {
        display: flex;
        justify-content: center;
    }

    .rodapeTexto {
        width: 100%;
    }

    .enderecoTexto {
        display: flex;
        align-items: center;
        justify-content: center;
        margin: 0;
        margin-bottom: 25px;
        width: 100%;
    }

    .endereco {
        margin-top: 30px;
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .enderecoTexto img {
        width: 40px;
        margin-right: 10px;
    }

    .textoMaps {
        font: 400 14px 'Montserrat', sans-serif;
    }

    .imgMaps {
        display: flex;
        justify-content: center;
    }

    .rodape-lado1 {
        width: 100%;
    }

    .rodape-lado2 {
        display: flex;
        flex-direction: column;
        justify-content: center;
    }

    .imgMaps img {
        border-radius: 10px;
        width: 200px;
        display: flex;
        align-items: center;
    }

    .amigo {
        display: flex;
        justify-self: center;
        align-items: center;
    }

    .amigo img {
        width: 270px;
    }

    .amigoSurdo {
        width: 270px;
    }

    .direitos {
        width: 100%;
        margin-top: 90px;
    }

    .menina {
        width: 120px;
    }
}



@media screen and (max-width: 608px) {

  .passatempo-educativo{
    margin-top: 3rem;
  } 
  #imagem-comeco img{
  display: none;
}

 #missao-visao-valores {
    background-color: #FFF;
    border-radius: 10px;
    width: 90%;
     font: 400 20px 'Montserrat', sans-serif;
   display: flex;
   
   align-items: center;
   gap: 1rem;
  
    margin: 80px auto;
  
}

.mvv-box{
   
    flex-direction: column;
 text-align: justify;
font-size: 1rem;

    
}

#missao-visao-valores p {
   padding:0 1rem ;
  text-align: justify;
  margin: 0;
  font-size: 1rem;
}
.visao{
   padding-left: 0px;
  
}
.valores ul li{
    margin-top: 10px;
    line-height: 1.5rem;
}
#missao-visao-valores h2 {
   padding: 0;
   color: transparent;
  
   
  
}
#missao-visao-valores #mvv-img {
padding: 0;
 margin-top: 3rem;
  
}

#governa {

    padding:  4rem 0;
    display: flex;
    gap: 1rem;
    letter-spacing: 2px;
    line-height: 2rem;
flex-direction: column;
}
#governa p{
        text-align: justify;
}
.relatorios{
  
  
    padding:  4rem 0;
    display: flex;
    gap: 1rem;
    letter-spacing: 2px;
    line-height: 2rem;
flex-direction: column;
}
.relatorios{
    display: flex;

   
}

.relatorios ul{
    display: grid;
    grid-template-columns: repeat(1, 1fr);
}

#box-contas a{
 margin: 0 15px;
 text-align: center;
  font-size:.8rem;
}
#box-contas .contas{
padding:0 5px;
  font-size: 1rem;
  text-align: center;
}
#box-contas p{
    text-align: justify;
}
#box-contas .contasSub{
     text-align: center;

  font-size: 1.2rem;
}

#governanca h2{
    font-size: 1.7rem;
}
}

@media screen and (max-width: 320px) {


    .lets {
        width: 50%;
        margin:  0;
        text-align: center;
        justify-content: center;
        display: flex;
    }

    .oscip {
        width: 0;
        font-size: 0;



    }

    #meuTexto {
        animation: none;
    }

    .junte {
        display: none;
    }

    .setameio {
        height: 1200px;

    }

    .texto1,
    .texto2,
    .texto3,
    .texto4 {
        font-family: 'Manrope';
        font-size: 14px;

    }

    .texto1 {
        left: 85px;
        top: 2300px;
        width: 200px;
    }

    .texto2 {
        left: 80px;
        top: 2990px;
        width: 200px;
    }

    .texto3 {
        left: 85px;
        top: 2500px;
        width: 200px;
    }

    .texto4 {
        left: 85px;
        top: 2700px;
        width: 200px;
    }

    .denuncia {
        font-family: 'Montserrat', sans-serif;
        font-size: 13px;
        font-weight: 600;
        color: #1F9B6E;
        display: flex;
        align-items: center;
        text-align: center;
        justify-content: center;
    }

    .colaborador {
        background-color: #C8E9FF;
        padding: 30px 30px 30px 30px;
        width: 250px;
        height: 300px;
        text-align: center;
        margin-top: 100px;
    }

    .carousel-container {
        width: 200px;
        height: 200px;
    }

    #Tsobrenos11 {
        font-size: 10px;
    }

    #Tsobrenos12 {
        font-size: 12px;
    }

    .maos {
        display: none;
      

    }

    .mundo {
        width: 0;
    }

    .flecha {
        width: 80px;
    }

    .texto {
        font-size: 15px;
    }

    .estar {
        font-size: 15px;
    }

    #Tsobrenos1 {
        top: -100px;
    }
    .mvv-box{
   
    flex-direction: column;


    
}
}