*{
    font-family: poppins , arial ;
}

.wpcf7 form.sent .wpcf7-response-output
{
    color: #04cfff !important; border-color: #04cfff!important; font-weight:bold;
}
header{ position: fixed; top: 0px; width: 100%; background-color: white; z-index: 90000;}
.navbar { background-color: white ;}

.stop-scrolling {
    height: 100%;
    overflow: hidden;
}

/* html {
    scroll-behavior: smooth;
} */

.fundo_claro { background-color: #F4F4F4; }


h2{ font-size: 36px;}

.banner_primario{ 
    background-image: url(../imgs_novo/banner.jpg);
    background-attachment: fixed; background-size: cover ;
    width: 100%; background-position: center;
    min-height: 100vh;
}
.animacao_titulo_inicio {
    opacity: 0;
    transform: translateY(0px);
}
@keyframes animacao {
    from { opacity: 0;     transform: translateY(-100px); }
    to { opacity: 1;     transform: translateY(0px); }
}
.animacao_titulo {
    animation-name: animacao;
    animation-duration: 3s;
    animation-fill-mode: forwards;
    animation-delay: 0.5s;
}

.slider_container_1 img{ filter: grayscale(1.0)}

/* faz o efeito de fade in na entrada */
.header-overlay {  position: absolute; top: 0;left: 0; width: 100%;height: 100%;    background: #fff;    opacity: 0; }

.button         { position: relative;}

.button:not(.hover) span { left: 0px;  position: relative; transition: 0.1s ease-in-out all ; }

.button:hover span       { left: -15px; position: relative; transition: 0.1s ease-in-out all ;  }

.button i        { opacity:  0; margin-right: -30px; display: inline-block; transition: 0.1s ease-in-out all ; 
                        width: 30px; transform: translateX( -100px )}
.button:hover i  { opacity:  1; margin-right: -30px; display: inline-block; transition: 0.1s ease-in-out all ;  
                        width: 30px;  transform: translateX( 0px ) }
 
.mostrar_mobile{ display: none;}

.blue           { background-color: #00CFFF;   color: #000000; position: relative ; z-index: 2;;}
.blue .columns  { padding-top: 50px;}

.bola        { width: 25px; height: 25px ; border-radius: 50%; background-color: #ADF0FF;}
.bola.verde  {  background-color: #6CE000;}

.bola.selecionado {     background-color: #128fab; }
 
.titulo_sessao                   { font-size:  36px; line-height: 55px ;  font-weight: bold;}
.titulo_sessao.selecionado       { color: #000000; opacity: 1; transition: all 0.3s ease-in-out;}
.titulo_sessao:not(.selecionado) { color: #000000; opacity: 0.3; transition: all 0.3s ease-in-out;}


.texto_sessao_2 p   { font-size: 14px ; margin-bottom: 32px;}

.texto_sessao_2 p strong,
texto_sessao_2  p b { font-size: 18px; font-weight: 600;}

.figure_sessao_2     { display: block;    position: absolute;    bottom: 25px;}
.figure_sessao_2 img { display: block;}

.atuacao{ padding-top: 90px ;  background: #1D1D1D ;
background-size: cover; background-position: center; background-attachment: fixed;}

.atuacao .titulo_sessao { color: #FFA400!important;}

.atuacao_interna { display: flex ; width: 260px; margin: auto ; flex-direction: column; justify-content: center;transform: translateY(0px);}

    .atuacao_interna .texto { font-size: 14px; line-height:  28px; text-align: center;  margin-top: 30px ; z-index: 2 ; position: relative; 
                                transition: 0.3s ease-in-out all;color: #fff;}
                                
    .atuacao_interna .circulo_titulo  { color: #fff; opacity: 1; font-size: 28px; font-weight: 600;  z-index: 2 ; position: relative;
                                            transition: 0.3s ease-in-out all;   }
    
.atuacao_interna:not(.selecionado)  .circulo_titulo{       opacity: 0.6;  transition: 0.3s ease-in-out all; }

.atuacao_interna:not(.selecionado)  .texto { opacity: 0;  transition: 0.3s ease-in-out all; transform: translateY(50px)}
    
.atuacao_interna:hover { cursor: pointer }


.circulo_encaixe{ width: 240px; height: 240px; position:relative; display: flex ; flex-direction: column; align-items: center; justify-content: center;}

.circulo { display: block;    width: 100%;    height: 100%;    position: absolute;    border: 6px solid #FFA400;    border-radius: 50%;}
 
.circulo_encaixe.b{ width: 168px; height: 168px; margin-left: auto; margin-right: auto }

.circulo.b { width: 168px ; height: calc( 168px / 2 ) ; border-width: 4px; border-radius: 0 0 172px 172px ; position: absolute; 
             bottom: 0px;  border-top: 0px; ;}
  
.circulo.b._1  { border-color: #85A6FF;}
.circulo.b._2  { border-color: #00CFFF;}
.circulo.b._3  { border-color: #6CE000;}

.circulo.b + .circulo_titulo{ margin-top: -100px;}

.circulo.cinza{ width: calc( 100% - 8px); height: calc( 100% - 8px ); margin: auto; position: absolute; border:none; 
                    background-color: #3B3B3B; }


.atuacao_interna.selecionado .circulo::before, 
.circulo.cinza::before{ width: calc( 100% - 10px) ; height: calc( 100% - 10px );  display: block ; content:  " ";
                        margin:auto; top: 5px; position: relative; background-color: rgba(255, 0, 0, 0.203); overflow: hidden; border-radius: 50%; }

.loaded .circulo.cinza::before    { background-position: center ;}
.loaded .circulo.cinza._1::before { background-image : url(../imgs_novo/gate1_b.png);    background-size: 110%; background-repeat: no-repeat; background-color: transparent; }
.loaded .circulo.cinza._2::before { background-image : url(../imgs_novo/gate2_b.png);    background-size: 110%; background-repeat: no-repeat; background-color: transparent; }
.loaded .circulo.cinza._3::before { background-image : url(../imgs_novo/gate3_b.png);     background-size: 115%; background-color: transparent;}


.atuacao_interna.selecionado .circulo { padding: 20px }
.atuacao_interna.selecionado .circulo::before { background-size: 80%;
    background-color: transparent;
    background-position: center;
    background-repeat: no-repeat; 
}
.loaded .atuacao_interna.selecionado .circulo._c1::before{ background-image:  url(../imgs_novo/atuacao_1.png);  background-color: transparent;}
.loaded .atuacao_interna.selecionado .circulo._c2::before{ background-image:  url(../imgs_novo/atuacao_2.png);  background-color: transparent;}
.loaded .atuacao_interna.selecionado .circulo._c3::before{ background-image:  url(../imgs_novo/atuacao_3.png);  background-color: transparent;}

.atuacao_interna:not(.selecionado) .circulo_encaixe.b h3 { color: white; }


.circulo_titulo.metodologia_titulo     { font-size: 28px; font-weight: 300; color:#85A6FF; z-index: 2;}
.circulo_titulo.metodologia_titulo.m2  { color: #00CFFF; }
.circulo_titulo.metodologia_titulo.m3  { color: #6CE000; }



.atuacao_interna.selecionado .circulo { transition: 0.2s ease-in-out all ; opacity: 1; transform: scale(1)}
.atuacao_interna:not(.selecionado) .circulo:not(._2) { opacity: 0; transition: 0.2s ease-in-out all ; transform: scale(0.8)}
.atuacao_interna:not(.selecionado) p { opacity: 0   ;  transition: 0.3s ease-in-out all; } 


.atuacao_interna_2.selecionado { transform: scale(1.3)}

.atuacao_interna_2.selecionado .circulo       { transition: 0.2s ease-in-out all ; opacity: 1; }
.atuacao_interna_2:not(.selecionado) .circulo { opacity: 1; transition: 0.2s ease-in-out all ; border:none}
.atuacao_interna_2:not(.selecionado) p        { opacity: 0   ;  transition: 0.3s ease-in-out all; } 
.atuacao_interna_2:not(.selecionado) .circulo_titulo  { color:white; }


.atuacao_interna_2.selecionado .circulo.cinza._1::before, 
.atuacao_interna_2.selecionado .circulo.cinza._2::before, 
.atuacao_interna_2.selecionado .circulo.cinza._3::before
{ opacity: 1;transition: 0.3s ease-in-out all; }




.atuacao_interna_2:not(.selecionado) .circulo.cinza._1::before { opacity: 0;transition: 0.3s ease-in-out all;; }
.atuacao_interna_2:not(.selecionado) .circulo.cinza._2::before { opacity: 0;transition: 0.3s ease-in-out all;; }
.atuacao_interna_2:not(.selecionado) .circulo.cinza._3::before { opacity: 0;transition: 0.3s ease-in-out all; }




.atuacao_interna_2:not(.selecionado) .circulo_encaixe p{ transform:translateY(20px) ; transition: 0.4s ease-in-out all;}
.atuacao_interna_2.selecionado .circulo_encaixe p{ transform:translateY( 0px) ;  transition: 0.4s ease-in-out all ; }


.metodologia    { background-color: #1D1D1D; color: #fff; padding-top: 50px; padding-bottom: 60px;}
.metodologia p  { color: #fff ; font-size: 14px; line-height: 26px; z-index: 3 ; position: relative;;}
.metodologia .titulo_sessao { color: #FFA400}

.loaded .historia { background: url(../imgs_novo/fundo-historia-1.webp) , #EDEDED; background-repeat: repeat-x; color: white; padding-top: 105px; }

.loaded .clientes { background: url(../imgs_novo/fundo-clientes.png);  padding-top: 70px; padding-bottom: 70px; position: relative ;
                z-index: 2;margin-top: 10px;   }

.container_card_branco { max-width: 1188px; border-radius: 30px; background-color: #fff; margin-left: auto; margin-right: auto; 
                            padding: 36px 30px }

.black p { color: #000; margin-bottom: 30px;}

[type=submit] , 
.button.btn       {    color:#EDEDED ; background-color: #FFA400; border:none; border-radius: 25px; padding: 8px 35px;}
.button.btn.rosa  { background-color: #FF4785;}
.button.btn.verde { background-color: #6CE000; color: #1D1D1D}
.button.btn.prata { background-color: #EDEDED; color: #1D1D1D}

[type=submit] { background-color: #EDEDED ; color: #FFA400;}
._1d { color: #1D1D1D; opacity: 1!important;}

/* ..atuacao_interna:hover { } */

.duvidas a { color: #FFA400; }

.container_card_branco.v2                   { background-color:#FFA400; margin-top: 32px;  padding-left: 50px; padding-right: 50px  ; width: 100%;}
.container_card_branco.v2 h3.titulo_sessao  { font-size: 28px ; color: #000; line-height: 32px ; opacity: 1; }
.container_card_branco.v2 .bola             {  background-color: #FFDD9F; transform: translateY(-50px);}
.container_card_branco.v2 .alinhar_dir      { display: flex; align-items: flex-end ; }

form { width: 100%;}
form hr                      { margin-top: 0px}
form .input, form .textarea  { background-color: transparent; box-shadow: none; border:none ; margin-bottom: 0px;} 
form input::placeholder ,
form textarea::placeholder   { color:white}

.duvidas .limite_esc { max-width: 353px;}

.loaded .fundo_blog{ background-image: url(../imgs_novo/fundo-blog.webp); background-size: cover; ;} 

 
.padding_grande{ padding: 60px 80px}

.dupla_lateral .esc p ,
.dupla_lateral .esc .titulo_sessao { color: white ; opacity: 1; margin-bottom: 22px;}

.dupla_lateral .dir p ,
.dupla_lateral .dir .titulo_sessao { color: #1D1D1D ; opacity: 1; margin-bottom: 22px;}

.limite_vertical{ min-height: 230px;}

footer { background-color: #FFFFFF; font-weight: bold;}

footer a {color: #1D1D1D; }

.titulo_footer{ font-size: 23px; -ms-text-combine-horizontal: #1d1d1d ;}

footer .figure_sessao_2{ text-align: center; width: 100%; position:relative;}

footer .figure_sessao_2 img{    display: block; margin: auto; }

.aspas{ width: 18px!important;}

.owl-carousel .owl-item img.aspas{ width: 18px ;}

.conteudo_duvidas hr{   opacity: 0.3; color: #000; margin: 0px; background-color: #000;}
.conteudo_duvidas .conteudo { margin-bottom: 20px}
.conteudo_duvidas .cab { margin-top: 20px; margin-bottom: 22px; display: flex;}

.duvidas p { color: #404654;}

.duvida .cab                   { font-weight: bold; color: #404654; }
.duvida:not(.aberto) .conteudo { height: 0px; opacity: 0; overflow: hidden; transition: .3s all ease-in-out;}

.duvida.aberto .conteudo       { opacity: 1; transition: .3s all ease-in-out;  color: #404654  }

.cab   { cursor: pointer;}

.sinal  { display: block; align-items: center; justify-content: center; position: relative; content: " " ;  
             width: 25px; height: 25px ; cursor: pointer; margin-left: auto; }

.sinal 
    div { width: 25px; top:10px; height: 4px; content: " "; position: absolute;  background-color: #FFA400; border-radius: 2px; ; }

.duvida.aberto .sinal div:first-of-type{ transform: rotate(0deg); transition: ease-in-out 0.2s all;}

.sinal div:first-of-type { transform: rotate(90deg);transition: ease-in-out 0.2s all; }

.seletor_1, .seletor_2   { cursor: pointer ;}


.selecionado_2.mostrar,
.selecionado_1.mostrar         { opacity: 1; min-height: 460px; display: block!important; transition: 0.3s opacity ease-in-out;transition-delay: 0.3s;}

.selecionado_2:not(.mostrar,.mostrar_mobile) ,
.selecionado_1:not(.mostrar)  { opacity: 0; height: 0px; overflow: hidden; min-height: 0px; transition: 0.3s opacity ease-in-out; transition-delay: 0.3s;}

.owl-nav { z-index: -1;}

.bola.b1, .bola.b2 { cursor:pointer; }


/* PAGs. INTERNAS*/

.cab-interna .bg { min-height: 220px; padding-top: 52px; }
.cab-interna .is-flex.is-align-items-end { height: 220px; }
.txt-inicial { background-color: #EDEDED; padding-top: 65px; }
input::placeholder, textarea::placeholder { font-weight: bold; }
.screen-reader-response, .wpcf7-not-valid-tip, .wpcf7-response-output { font-size: 12px; color: darkred; }
.newsletter .field { width: 100%; }
.newsletter [type=submit] { color: #FFA400; padding: 6px 35px 6px 35px; width: 300px; }

.cab-interna p { color: #3b3b3b}

.newsletter .container_card_branco p { color: #404654}

.quem_somos_novo{
    background-color: #EDEDED; overflow-y: hidden;
}
.quem_somos_novo * { color: #3B3B3B; }

/* .quem_somos_novo p  { display: block;}
.quem_somos_novo p * { display: inline;} */


.quem_somos_titulo { font-size: 26px; font-weight: bold;}


.sanfona{ overflow: hidden; transition: all ease-in-out 0.5s;}
.quem_somos_novo.v2{
    background-color: #3B3B3B;
}
.quem_somos_novo.v2 * { color: #EDEDED;}

.quem_somos_novo p:not(.lead)  { font-size: 14px;}


.btn_quem_somos{     display: flex; width: fit-content; align-items: center; justify-content: center; gap: 20px;
    color: #3B3B3B!important; border-radius: 25px; background-color: #00CFFF;; font-size: 14px; padding: 4px 4px 4px 14px; text-align: center;
}
.btn_quem_somos i { display: block; line-height: 0px;}
.btn_quem_somos img{ display: block;}


.seta_quem_somos.rotate{     transform: rotate(-180deg); transition: 0.5s ease-in-out all;}


.handz_imagem_direita img
{
    position: absolute;
    top: 125px;
}

.handz_imagem_direita.v1 img{ top: 115px;}

@media screen and (min-width: 1280px) {

}
@media screen and (max-width: 640px) {
    .banner_primario { min-height: 470px !important; height: 470px; max-height: 470px; background-repeat: no-repeat; }
    .container_card_branco.v2 { padding-left: 25px; padding-right: 25px; }

    .handz_imagem_direita.v1 img,
    .handz_imagem_direita img{ position: relative;  top: -33px; width: 200px;}


    .handz_imagem_direita { margin-bottom: -150px;}

}
/* PAGs. INTERNAS*/


@media(min-width:1000px){
 
   
    .sessao_2 .bola{ margin-top: -40px; }

    .texto_sessao_2 { padding-left: 60px;}

    .selecionado_1, .selecionado_2{ min-height: 500px;}

    .navbar{     max-width: 1360px; margin: auto; padding-left: 20px; padding-right: 20px; }
    
    #quem_somos .columns,
    #atuacao,
    .metodologia{
        /* min-height: 100vh; */
    }

    .travar_container{ height: 1800px;}
    .travar          { top: 30px; z-index: 2; position: sticky!important;}
    
    .travar.metodo{ height: 2000px; }
    .travar.somos{ }
    .travar.atua{ }
    
}

@media(max-width:1000px){
        
    .cab-interna .is-flex.is-align-items-end { min-height: 220px; }


    [type=submit], .button.btn{ padding: 8px 23px}

    .duvida.aberto .conteudo { min-height: fit-content;}

    header{     position: fixed; top: 0px;    width: 100%; z-index: 100; }
    .banner_primario{ 
        background-image: url(../imgs_novo/banner_mobile.webp);
        background-attachment: fixed;
        background-size: contain;
        width: 100%;
        background-position: top;
        position: relative;
      
    }

    .mostrar_mobile{ display: block;}
    
    .selecionado_2.mostrar,
    .selecionado_1.mostrar { margin-bottom: 40px ;}

    .dupla_lateral{ overflow: hidden;}

        
    .clientes{ padding: 60px 10px; }
    .clientes .pb-6{ padding-bottom: 0px!important;}
    .padding_grande{ padding: 30px 30px}

    /* .blue   {  top: 145px;} */
    .blue .columns{  padding-top: 55px;}

    .figure_sessao_2{ text-align: center;}

    .titulo_sessao{ font-size: 24px; line-height: 32px;}

    .container{ padding-left: 20px; padding-right: 20px;}

    .button.btn.rosa{ font-size: 14px;}

    .figure_sessao_2{ margin-top: 50px;}

    .bola { margin-bottom: 10px;}

    .circulo_encaixe.b{  margin-bottom: 100px; }
    .circulo_encaixe + .texto {  margin-bottom: 50px; }
    .atuacao_interna .texto ,
    .atuacao_interna .circulo_titulo {
    /* .atuacao_interna.selecionado .circulo{ */
        transition-delay: 0.5s;
    }

}

@media( max-width: 330px){
    .button.btn.rosa{        font-size: 12px;}
    [type=submit], .button.btn{ pading: 8px 20px}
}



.slider_container_2 .owl-nav{
    z-index: -1;
}
.slider_container_1 .owl-nav{

    display: flex;
    justify-content: space-between;
    z-index: -1;
    position: relative;
    margin-top: -71px;
}
@media(max-width: 1000px){
    .slider_container_1 .owl-nav { margin-top: 0px; }
}

.slider_container_2{ position: relative;}
.owl-nav button{ /* background-color: #00CFFF!important; */ border-radius: 50%!important;
                    opacity: 0.7; width: 20px; height: 20px; display: flex; align-items: center; justify-content: center;}

.owl-nav button.owl-prev{ margin-left: -25px ;}
.owl-nav button.owl-next{ margin-right: -25px ;}
.slider_container_2 .owl-nav{

    display: flex;
    justify-content: space-between;
     width: 100%;
    position: absolute;
    top: 50%;
}




/* 
@media( min-width: 1200px){
    .atuacao{ padding-top: 90px}
} */
@media( min-width: 1600px){
    .metodologia  , 
    .atuacao{ padding-top: 180px}

}