body            { font-family: "Source Sans 3", sans-serif; }

.fundo_primario { 
    background-image: url(../imgs/banner.jpg);  
    background-position: center ;
    height: 724px;
    background-size: cover;
}

.whatsapp { position: fixed; right: 20px; bottom: 20px; z-index: 5;}

.fundo_estilizado { background: url(../imgs/fundo_estilizado.png); padding-top: 120px; padding-bottom: 120px;}

.lancamento     { font-size: 22px ;}

.top_menu img{ display:none  }
.top_menu.barra-colorida img{ display:block }


.logo_scroll_container { display:flex; align-items:center; }
.logo_scroll_container img { width: 200px}


.box-texto-top span{font-weight:600;}
.box-texto-top span, .box-texto-top p,.box-texto-top a{color:white;}
.box_titulo_texto_container      { color:white; position:relative; }
/* .descricoes_sao_bernardo         { margin-top: 100px} */

.box_titulo_texto_container  h2  { font-size: 26px!important; line-height: 37px!important; font-weight:normal; }

.box_titulo_texto_container h2 
                            span { color:#DDAD9C;font-size:bold;font-size: 26px!important; }

.fundo_azul_formulario      {   width: 281px; padding: 20px ; background: #2F6E64; border-radius:  0px;
                                        margin-right: -35px; margin-top: 20px;}

.fundo_azul_formulario.branco      {   background:white;    }
.fundo_azul_formulario
                .input_azul { display:flex; align-items:center; margin-bottom: 15px; }




.input_azul input           { margin-left: -10px; border-radius: 10px; border: 1px solid white; background: #598b83;
                                margin-bottom: 0px;     padding-left: 25px; color: #fff; }

                                
.input_azul.branco input    { background:white; border: 1px solid #fff;}
.fundo_azul_formulario.branco   .input_azul.branco input { background:transparent; color: #fff; }

.input_azul input:focus     {  background: #5199ce!important; box-shadow:none!important;; }   

                            
.input_azul i                  { position: relative; z-index: 1;}
.input_azul input::placeholder { color:#ddd; }

.input_azul.branco
            input::placeholder { color: #fff; }


[name="procura_imovel_para"] { font-size:14px; width: 15px; height: 15px;}
        

.form_submit_banner            { padding: 10px 20px; border-radius: 10px; background: #D84918; color: white;
    font-weight: bold; }
.form_submit_banner.v2         { background:    #3B495A ;}

.form_submit_banner:hover      { cursor:pointer ; background: #C98569;  }

.form_submit_banner.v2:hover   { background:    #3B495A ;}

.head_fundo_azul            { font-size:10px;line-height:12px; color:white;margin-bottom:15px; }

.head_fundo_azul.branco     { color:#fff ;  }

.step {
opacity: 0;
visibility: hidden;
transition: opacity 0.5s ease;
pointer-events: none;
position: absolute;
width: 100%;
}

.step.active {
opacity: 1;
visibility: visible;
pointer-events: auto;
}
.slider {
position: relative; 
}


#descubra button { width: 45px; height: 45px;}

.slide_container { position: relative;}
 

.topo_esc_container {     padding: 0 150px; }

          .topo_item { font-size: 12px}

.paragrafh{ margin-bottom: 20px;}

.instalacao   .local_img { width: 100%; border-radius: 10px; border: 1px solid #707070;   }

.img_container img ,
.img_fundo {  aspect-ratio: 2.4;}


.top_menu { top: 0px;  width: 100%; z-index: 999;}

.barra-colorida {position: fixed;  }

.top_menu {  background-color: #fff; }

.top_menu + section { margin-top: -120px;}


.mensagem_alerta_topo
{
    position: fixed; top: 0px; left: 0px; width: 100%; background-color: #707070 ;
    color:white; 
}

@media(min-width: 1000px){

    .local_img.large { height: 310px;}

    /* .img_container img, */
    .img_fundo { min-height: 554px;     object-fit: cover;
        aspect-ratio: 2.4;
        height: 800px;
        width: 100%; 
    ;}
}


.small { height: 130px;  }

.instalacao   a { color:white; display: block; }
.text_center  { display: flex; align-items: center; justify-content: center; gap: 5px;}

.verde_escuro { background-color: #55896B;}
.verde_claro  { background-color:  #fff; }
.fundo_azul_escuro { background-color: #173A6B; color: #fff }

.azul_escuro{ background-color: #173A6B; color: white;}
.box_marron   { padding: 60px}

.texto_bloco_azul_escuro { font-size: 20px;}

input { width: 100%; height: 44px; padding: 5px;}
textarea { width: 100%; height: 100%; padding: 5px;}
.submit_container > input { 
    border:none; font-weight: bold;
    background-color: #55896B; color: white; padding: 10px 5px ; text-align: center;
}



.lista_beneficios_imgs { gap: 30px}

.text_maior{ font-size: 25px;}

.text_h2 * { font-size: 30px; font-weight: bold; line-height: 40px; color:inherit }
.text_h2_menor * { font-size: 26px; font-weight: bold; line-height: 40px; color:inherit }


.bloco_localizacao_cor * { color: #173A6B; }

.border_10 { border-radius: 10px;}

.bloco_localizacao p b { font-size: 24px;}
.bloco_localizacao { border: 1px solid #173A6B; border-radius: 10px;}

.espacos_planejados_section { background-image: url(../imgs/Home/paralax.jpg);;}
.pensado_em_voce_session    { background-image: url(../imgs/Home/pensado.jpg);  }
.localizacao_session        { background-image: url(../imgs/Home/localizacao.jpg);}

.sessao_texto_central {  height: 600px ; background-size: cover; background-repeat: no-repeat;}

.fundo_container { gap: 25px; background-color: #F0F0F0; padding: 30px;}

.linha_fundo { color: #707070; font-size: 50px; font-weight: 200;}


.slide_interno img{ border-radius: 15px ;overflow: hidden;}


.buttons_container { display: flex; align-items: center; justify-content: center ;}

.slide_interno { position: relative;}

.buttons_container { bottom: 40px;  position: absolute; gap: 30px; 
                        left: 50%;   transform: translateX(-50%); ; }


.buttons_container.mod{ position: relative; top:auto; left: auto; transform: none;}

.buttons_container .prev{
    width: 45px; height: 45px;
}
.buttons_container .next{
    width: 45px; height: 45px;
}

.buttons_container .description{ 

    gap: 10px; white-space: nowrap;
    text-align: center; padding: 10px 20px; border-radius: 25px; background-color: #55896B; color:white;      }

.buttons_container img{ display: block; }


.padding_slider_planta { padding-top: 150px;     justify-content: center;    display: flex; }

.txt_slide { font-size: 20px;}


#menu_suspenso {
    position: fixed;
    top: 0;
    right: -350px; /* Escondido fora da tela */
    width: 350px;
    height: 100%;
    background-color: #fff;
    color: #173A6B;
    transition: right 0.3s ease;
    padding: 20px 40px;
    z-index: 1000;
}

#menu_suspenso.ativo {
    right: 0; /* Desliza para dentro da tela */
    box-shadow: 10px 10px 10px #3333;
}

#menu_suspenso button {
    background: none;
    color: white;
    border: none;
    font-size: 20px;
   
    cursor: pointer;
    margin-left: auto;
    /* display: block; */
}
#fechar_menu img,
#hamb_menu img{ width: 40px }

#menu_suspenso nav { text-align: center; font-size: 25px;   color: #173A6B; padding-top: 50px }
#menu_suspenso nav a { color: #173A6B ; font-weight: bold;margin-bottom: 20px; display: block; }



@media( min-width: 1000px) and (max-width: 1670px){
    /* .espacos_planejados_section ,
    .pensado_em_voce_session    ,
    .localizacao_session        {background-position-x: -100px;} */
}

@media( min-width: 1000px){

    .descricao { font-size: 20px;}
    #menu-superior .logo_flutuante { width: 420px;}


    .bloco_localizacao { height: 100%;}
    .column.custom_size_55 { width: 54%;}
    .column.custom_size_45 { width: 46%;}

    .imagem_mg_negativo { margin-bottom: -230px;}

    .is-gapless-deks {padding: 0px; }
     
    .form_submit_banner { margin-left: auto ;     margin-right: 0px;
        display: block;
        margin-top: 15px; 
    }
}
@media( max-width: 1000px) 
{

    .top_menu + section { margin-top: -105px; padding-top: 20px;
                margin-left: 0px; margin-right: 0px ;}



                form {text-align: center;}
    .padding_slider_planta { padding-top: 50px; }

    .px_mobile,
    .container { padding: 0 20px;}

    .small { height: 200px;}

    .text_h2 *{ font-size: 22px; line-height: 30px;}

    .top_menu .p-5 { padding-left: 5px!important;padding-left: 5px!important;}

    .lista_beneficios_imgs{ gap: 5px;}

    .topo_esc_container{ padding-top: 100px;}

    .buttons_container { gap: 10px; }

    .box_marron{ padding: 20px}

    .buttons_container{ width: 100%;}

    .sessao_texto_central{ align-items: center; display: flex; justify-content: center;}

    .sessao_texto_central .text_h2 { transform: translateY( 170px );}

    .sessao_texto_central br { display: none;}
}