html,body{
  max-width: 1160px;
  background-color: #2c564c;
  margin: 0 auto;
}
body {
    font-family: 'Montserrat', sans-serif;
  }
  .bg-custom{background-color: #2c564c;}

/* Navbar */

.navbar {
    background-color: #2c564c;
  }
.navbar .nav-link{color: #fff !important; font-weight: 700;}
.navbar .nav-link:hover{color: #ccc !important; }
.navbar-brand{width: 70px;}

/* Primeira sessão */

.first-section {
    height: 100vh;
    background-size: cover;
    background-position: center;
    background-image: url("../img/o_menino_que_queria_ser_Deus.png");
  }
  
  .first-section img {
    display: block;
    margin: 0 auto;
  }
  
  .first-section h4{
    letter-spacing: .6em;       
    padding: 0;
    font-family: 'Montserrat', sans-serif;
    font-weight: 800; 
    color: #fff;
  } 
  .first-section p {
    color: #fff;
    font-weight: 700; 
    font-size: 1.2em;
    width: 80%;
    margin: 0 auto;
  }  
  
  .botao-pesquisa{
    border-radius: 20px;
    background-color: #fff;
    color: black;
    font-weight: 700;
    font-family: 'Source Sans Pro', sans-serif;
    padding: 0.5em 2em;
  }

  /* divided-section*/
  .divided-section{background-color: #fff;}
  .divided-section img{ margin: 0 auto;}
  .divided-section p{font-size: 0.8em; font-weight: 900; }

  .sonhando-section {
    height: auto;    
    background-size: 50%;
    background-repeat: no-repeat;
    background-position: right 85%;
    background-image: url("../img/elementos_Meninos-05.png");
    background-color: #2c564c;
  }

  .title-config h2{
    font-family: 'Montserrat', sans-serif;
    font-weight: 800;    
  }
  .title-config p{
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 1.1em;  
    width: 80%;
  }
  .box-sonhando{
    background-color: #edeae2;
    border-radius: 50px;   
  }
  .link-responda{font-family: 'Source Sans Pro', sans-serif; font-weight: 600; }
  .link-responda a{color: black;}
  .text-sonhando p{font-family: 'Source Sans Pro', sans-serif; width: 80%;font-size: 1.1em;  }


  /* accordeon */

.accordion-section, .accordion, .first-accordion .accordion-header{
    background-color: #2c564c;
}

.circle {
    display: inline-block;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background-color: #edeae2; /* Cor do círculo */
    margin-right: 10px;
  }
  .accordion-button:focus{border: none; box-shadow: none}
  .accordion-button {   
    color: #000 !important; /* Cor do texto do botão */      
    min-height: 100px; 
    font-weight: 800;
  }
  .accordion-button::after {
    display: none;
  }
  .accordion-button:hover {
    background-color: #e9ecef; /* Cor do fundo do botão ao passar o mouse */
  }
  
  .accordion-header {
    margin-bottom: 10px; 
    min-height: 100px;  
  }
  .accordion-header button span{transition: transform 1s;}
  .accordion-item {
    width: 100%;   
    border: none;  
  }
  
  .accordion-body {   
    padding: 10px;  
    font-family: 'Source Sans Pro', sans-serif; 
  }
  .accordion-body .t1, #perguntas .t1{
    font-size: 1.2em;
    width: 80%;
    
  }

  #perguntas .t1{
    color:#ffffff;
  }

  #perguntas .t2{
    color:#ffffff;
  }

  .accordion-body .t2, #perguntas .t2{
    font-size: 1.2em;
    font-family: 'Montserrat', sans-serif;
    font-weight: 800; 
   
    
  }

  #perguntas h3{
    color: #ffffff;
  }

.first-accordion .accordion-button{z-index: 96;}
.first-accordion .accordion-button, .first-accordion .accordion-collapse{
    background-color: #528db1;
}
.first-accordion .accordion-collapse,.second-accordion .accordion-collapse,.third-accordion .accordion-collapse,.fourth-accordion .accordion-collapse{ padding: 30px 100px 100px 100px;}
.second-accordion{z-index: 97;}
.second-accordion .accordion-button , .second-accordion .accordion-collapse{
    background-color: #e0bdf5;
}
.third-accordion{z-index: 98;}
.third-accordion .accordion-button , .third-accordion .accordion-collapse{
    background-color: #d3e88b;
}

.fourth-accordion{z-index: 99;}
.fourth-accordion .accordion-button, .fourth-accordion .accordion-collapse{
  background-color: #fff;
}



/* silencio-section */
.silencio-section{ 
    height: auto;
    background-size: 130%;
    background-position: 0%;
    background-image: url("../img/elemento-8.png");
}

.silencio-section .box-silencio{ height: auto; background-color: #8a66ab;}
.silencio-section .t1,.quem-section .t1{
    font-size: 1.1em;
    width: 90%;
    font-family: 'Source Sans Pro', sans-serif;  
}
.silencio-section h4,.silencio-section h6, #perguntas .h3{
    font-family: 'Montserrat', sans-serif;
    font-weight: 800; 
}
.silencio-section a,.precisamos-section a{
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: 600;
    color: #fff;
    border-radius: 50px;
    border: 2px solid #fff; 
    width: 150px;
    margin-top: 3em;
    text-align: center;
    text-decoration: none;
    display: block;
}

/* precisamos-section */
.precisamos-section{    
    height: auto;
    background-size: 120%;
    background-position: 5%;
    background-image: url("../img/elemento-7.jpeg");
}
.precisamos-section .box-silencio{ height: auto;background-color:#528cb1 ;}
.precisamos-section a{color: #000;border: 2px solid #000; }
.version-mobile{display: none;}
/* quem-section*/
.quem-section {background-color: #fff;}
.quem-section h4,.quem-section .t2{   
    font-family: 'Montserrat', sans-serif;
    font-weight: 800;
} 

/*Ajustes 06/06/2024 - Quem Apoia*/

p.organizacoes-apoiam {
  font-size: 1.2em;
  font-family: 'Montserrat', sans-serif;
  font-weight: 800;
}



div#collapseFour{
  background-color: #fff!important;
}

.arrow-icon img {
  transition: transform 0.3s ease;
}

.arrow-icon.rotate-up img {
  transform: rotate(180deg); /* Rotaciona a seta para cima */
}


button.ControlBarButton_module_controlBarButton__88a67ab4 svg {
  display: none!important;
}


div#collapseFour #mobile-image {
  width: 30%;
  margin-top: 20px;
  margin-bottom: 10px;
  margin-right: 15px;
}

img#pacto-onu {
  width: 42%;
  margin-top: 32px;
  margin-bottom: 9px;
  margin-right: 15px;
}

img.aldeias-logo {
  width: 20%;
  margin-top: 20px;
  margin-bottom: 4px;
  margin-right: 15px;
  padding: 5px;
}


img#childhood-logo {
  width: 48%;
  margin-top: 40px;
  margin-bottom: 40px;
  margin-right: -13px;
  padding-right: 30px;
}

img#talkinc-logo {
  width: 20% !important;
  margin-top: 20px;
  margin-bottom: 4px;
  margin-right: 15px;
}

img.grida {
  padding-bottom: 25px ! Important;
}

img.bravo-filmes {
  padding-top: 25px !important;
  padding-bottom: 22px !important;
  margin-top:0px !important;
}


img.bem-querer-mulher {
  padding-top: 25px !important;
  padding-bottom: 25px !important;

}

img#zooma-logo {
  width: 21%;
  margin-bottom: 4px;
  padding-top: 33px;
  padding-bottom: 28px;
  margin-right: 10px;
}

img.oij-logo {
  width: 21% !important;
}

img.aldeias-logo {

}

.titulo-apoiam {
  margin-bottom: 0px!important;
}



/* footer */
footer{
    font-family: 'Source Sans Pro', sans-serif;
}
footer a{
   width: 100%;
    font-weight: 600;
    color: #fff;    
    margin-top: 3em;
    font-size: 1.5em;
    text-decoration: underline;
    display: block;
    
}

footer a {
  width: 100%;
  font-weight: 600;
  color: #fff;
  margin-top: 0em;
  font-size: 1.5em;
  text-decoration: underline;
  display: block;
}



footer.bg-custom.p-5 {
  padding-top: 65px !important;
}

a.email-institutopdh {
  margin-top: 0px;
  font-size: 17.8px;
}

p.footer-realizacao {
  margin-top: 18px;
}

img.img-fluid.papo-dh {
  margin-top: 6px;
}

img.marca-pdh-branco {
  margin-top: 15px;
}

footer ul {
  margin-left: -10px;
}

footer a:hover{    
    color: #fff;    
    
}
footer ul{padding: 0; position: relative;}
footer ul li{    
  position: relative;
   list-style: none;    
   float: left;   
   padding: 0;
   margin-right: -10px; 
}
footer ul li a{
    margin-top: 0;cursor: pointer;
}
footer ul li a img{width: 60px;}
.rotation-arrow{
  transform: rotate(180deg);  
}
#mobile-image{width: 45%;}
@media (max-width: 576px) {
    .nav-item{text-align: center;}
    .divided-section{text-align: center;}    
    .divided-section p {width: 100%; margin-top: 1.5em;}
    .divided-section img {margin: 0 auto; width: 70%;padding: 1em;}
    #mobile-image{width: 50%;}
    .title-config p,.accordion-body .t1{width: 100%;}
    .first-accordion .accordion-collapse, .second-accordion .accordion-collapse, .third-accordion .accordion-collapse, .fourth-accordion .accordion-collapse {padding: 1em 1em 4em;}
    .sonhando-section{background-size: 120%;background-position: right 100%;}
    .quem-section .t2{margin-top: 1em !important;}
    .quem-section img{margin:  1em auto !important;}
    .first-section h4{letter-spacing: .4em;}
    .botao-pesquisa{position: absolute; bottom: 10px; width: 80%; left: 10%;}
    .first-section p{line-height: 1em;}
    .first-section img{width: 85%;}
    .version-mobile{display: block;}
    .divided-section{text-align: center;}
    .divided-section img{width: 70%; padding: 1em;}
    #mobile-image{width: 50%;}
    img.img-fluid.papo-dh {
      margin-top: 6px;
    }

    footer a{
      width: 100%;
       font-weight: 600;
       color: #fff;    
       margin-top: 3em;
       font-size: 1.5em;
       text-decoration: underline;
       display: block;
       
    }
    
    footer.bg-custom.p-5 {
      padding-top: 40px !important;
  }

    div#collapseFour #mobile-image {
      width: 45%;
  }

  img#talkinc-logo {
    margin-top: 20px;
}

  img#pacto-onu {
    width: 57%;
    margin-top: 20px;
    margin-bottom: 10px;
    margin-right: 15px;
}

p.titulo-onu {
  margin-top: 27px !important;
}

img#childhood-logo {
  width: 66%;
  margin-top: 40px;
  margin-bottom: 40px;
  margin-right: -13px;
  padding-right: 29px;
}

.perceiros-estrategicos {
  margin-top: 43px !important;
}
p.titulo-aldeias {
  margin-top: 48px !important;
}

img.aldeias-logo {
  padding-top: 20px !important;
  padding-bottom: 20px ! Important;
}

img.coalizao-img {
  padding-top: 20px !important;
  padding-bottom: 20px !important;
}

p.titulo-bem-querer {
  margin-top: 42px !important;
}

p.titulo-coalizao {
  margin-top: 15px !important;
}

img.conjuve-logo {
  padding-top: 30px!important;
  padding-bottom: 30px!important;
}

p.titulo-conjuve {
  margin-top: 35px !important;
}

img.oij-logo {
  width: 21% !important;
  padding-top: 20px !important;
  padding-bottom: 20px !important;
}

p.titulo-oij {
  margin-top: 40px;
}

img.obb-logo {
  padding-top: 20px !important;
  padding-bottom: 20px !important;
  margin-top: 15px !important;
}

p.titulo-obb {
  margin-top: 49px !important;
}

p.titulo-bravofilm {
  margin-top: 32px !important;
}

p.titulo-grida {
  margin-top: 29px !important;
}

img.grida {
  padding-bottom: 25px ! Important;
  margin-top: 25px !important;
}

p.zoomo-logo {
  margin-top: 27px !important;
}

p.talkinc-titulo {
  margin-top: 46px !important;
}

}

@media (min-width: 577px) and (max-width: 768px) {
    .nav-item{text-align: center;}
    .divided-section{text-align: center;}    
    .divided-section p {width: 100%; margin-top: 1.5em;}
    .divided-section img {margin: 0 auto; width: 70%;padding: 1em;}
    #mobile-image{width: 50%;}
    .title-config p,.accordion-body .t1{width: 100%;}
    .first-accordion .accordion-collapse, .second-accordion .accordion-collapse, .third-accordion .accordion-collapse, .fourth-accordion .accordion-collapse {padding: 1em 1em 4em;}
    .sonhando-section{background-size: 120%;background-position: right 100%;}
    .quem-section .t2{margin-top: 1em !important;}
    .quem-section img{margin:  1em auto !important;}
    .botao-pesquisa{position: absolute; bottom: 20px; width: 80%; left: 10%;}
    .first-section p{line-height: 20px;}
    .first-section img{width: 85%;}
    .version-mobile{display: block;}   

    img.img-fluid.papo-dh {
      margin-top: 0px;
  }

  footer a{
    width: 100%;
     font-weight: 600;
     color: #fff;    
     margin-top: 3em;
     font-size: 1.5em;
     text-decoration: underline;
     display: block;
     
  }
  
  footer.bg-custom.p-5 {
    padding-top: 40px !important;
}

div#collapseFour #mobile-image {
  width: 45%;
}

img#pacto-onu {
  width: 57%;
  margin-top: 20px;
  margin-bottom: 10px;
  margin-right: 15px;
}

p.titulo-onu {
  margin-top: 27px !important;
}

img#talkinc-logo {
  margin-top: 20px;
}

img#childhood-logo {
  width: 66%;
  margin-top: 40px;
  margin-bottom: 40px;
  margin-right: -13px;
  padding-right: 29px;
}

.perceiros-estrategicos {
  margin-top: 43px !important;
}

.titulo-apoiam {
  margin-top: 37px !important;
  margin-bottom: 10px !important;
}

p.titulo-aldeias {
  margin-top: 48px !important;
}

img.aldeias-logo {
  padding-top: 20px !important;
  padding-bottom: 20px !important;
}

img.coalizao-img {
  padding-top: 20px !important;
  padding-bottom: 20px !important;
}

p.titulo-bem-querer {
  margin-top: 42px !important;
}

p.titulo-coalizao {
  margin-top: 15px;
}

img.conjuve-logo {
  padding-top: 30px!important;
  padding-bottom: 30px!important;
}

p.titulo-conjuve {
  margin-top: 35px !important;
}
    
img.oij-logo {
  width: 21% !important;
  padding-top: 20px !important;
  padding-bottom: 20px !important;
}

p.titulo-oij {
  margin-top: 40px;
}

img.obb-logo {
  padding-top: 20px !important;
  padding-bottom: 20px !important;
  margin-top: 15px !important;
}

p.titulo-obb {
  margin-top: 49px !important;
}

p.titulo-bravofilm {
  margin-top: 32px !important;
}

p.titulo-grida {
  margin-top: 29px !important;
}

img.grida {
  padding-bottom: 25px ! Important;
  margin-top: 25px !important;
}


p.zoomo-logo {
  margin-top: 27px !important;
}

p.talkinc-titulo {
  margin-top: 46px !important;
}
}