*{font-family: 'Akatab';} 


.hamb{ display: none ;}

a,p,small,strong,h1,h2,h3,h4,h5{ color: #2E1701 ; }

.txt_branco{ color:white !important}
p{ font-size: 16px;}

h2,h3{ font-size: 28px; font-weight: 900;}

.logo_container{ padding-top: 16px; padding-bottom: 16px;}
 

.cab_titulo_setor    { border: 1px solid #A80105; width: fit-content;}

.cab_servicos        { display: flex;  align-items: center; position: relative;}

.cab_titulo_setor    { width: fit-content; height: fit-content;  color: #A80105; background-color: #f4f4f4; z-index: 3;
                         position: relative;; font-size: 12px; }

.cab_servicos.escuro    .linha { background-color: #2E1701;}
.cab_servicos.escuro    .cab_titulo_setor { border-color:#2e1701; color: #2E1701  }                    

.cab_servicos.escuro .linha { left: 0px; }
                         
.cab_servicos img    { display: block; z-index: 2 ; position: relative;;}
.cab_servicos figure { margin-right: 30px;}

 .linha{ position: absolute;  width: 152%; left: -120px;  z-index: 1;  background: #A80105;  height: 3px;  }


footer .linha{ width: 900px; background-color: white;  margin-left: 100px ; position: absolute; left: 100px; }


.z-2{ z-index: 2!important;}

.links_container a   { font-size: 18px; margin-left: 18px; margin-right: 18px; }

 
.titulo_1            { font-size: 56px ; line-height: 70px ;}

.button_transparent  { border: 2px solid #FFFFFF; color:white; }

.bg_container{ background-image: url(../imgs/fundo.webp)  ; background-color: #F0F0F0; background-size: cover ; 
               background-position: center bottom;}

.ornamento{ position: relative; z-index: 1; display: flex; align-items: center;}
.ornamento * { z-index: 2 ; position: relative; font-size: 28px; line-height: 36px; left: -60px;} 
.ornamento::before{ width: 78px; height: 78px ; content: " "; left: 0px; z-index: 0;
                    display: block; border: 3px solid white ; background-color: transparent; position: relative; }

.ornamento.txt_branco::before { border-color: #2E1701; }
                   
.ornamento_container { position: relative;}
.ornamento_container.center{    display: flex;    align-items: center;    width: 100%;    min-width: 100%;    margin: auto;
                                justify-content: center; }


/* .bg_servicos{ background-color: #f4f4f4;} */

.obra_caption{
    top: -80px; max-width: 95%;
    z-index: 2 ; position: relative; width: fit-content; margin: auto; 
    border: 3px solid var(#fff);background: #00000080 0% 0% no-repeat padding-box; border: 3px solid #fff;
}

 
.obras img{ margin: auto; display: block; width: 100%;}
.obra_caption p{ margin: 0px; text-align: center; color:white; font-size: 12px;}
.obra_caption p b{font-size: 12px;}

.bg_servicos{ background-image: url(../imgs/fundo_cinza.png); background-position: center bottom; background-size: cover;}


.obras_concluidas{}
.bg_vinho{background: transparent linear-gradient(180deg, #A80105 0%, #8B1C1E 100%) 0% 0% no-repeat padding-box; }

.linha_1{ background-color: #F0F0F0;}

.linha_2{ background-color: #E8E8E8;}

.button_color{ color: #2E1701; border-color: #2E1701;}

footer{ position: relative; font-size: 18px ;}

footer small { font-size: 16px ;}

.coluna_flutuante{  background-color: white; position: absolute; right: 0px; width: 418px; display: flex; 
                    align-items: center; justify-content: center; height: 100%; z-index: 2; }

.veja_mais.py-2{ padding-top: 5px; padding-bottom: 5px;}

.contato_item{ display: flex; gap: 20px; margin-bottom: 18px; }

.contato_item p, 
.contato_item a{ color: #2E1701 }

.cab { position: sticky; top : 0px  ; background-color: white; z-index: 99;;}


@media(min-width: 980px){
    .links_container { align-items: center; display: flex; justify-content: flex-end; font-weight: bold;;}

    .linha_2.py-2{ padding-top: 69px!important; padding-bottom:69px!important;}

    .linha_2 small:first-of-type{ margin-bottom: 10px; line-height: 38px;}

    .veja_mais{ position: absolute; right: 0;}                                

    .coluna_flutuante img{ margin-left: -60px;}
}
@media(min-width: 1600px){
    
}
@media(max-width: 1024px){

.contato_item{  gap: 6px;   }


    .obra_caption{ margin-bottom: -50px;}

   .linha{ display: none ;}
    
    .logo_container{ padding-top: 5px; padding-bottom: 5px;}
    
    .titulo_1{ font-size: 28px ; line-height: 32px;}
    
    .hamb{ display: block;}

    .cab__container{ flex-direction: column;}

    .cab_servicos .linha{ max-width: 200px ;;}

    .links_container { display: flex; flex-direction: column-reverse;}

    .links_container  .navegacao{ display: flex; flex-direction: column; text-align: center; }

    .links_container .navegacao:not(.mostrar){ display: none;}

    .links_container .navegacao a{ padding: 20px ; }

    .logo_container{ display: flex; width: 100%; gap: 10px; padding-left: 20px; padding-right: 20px;}
    .logo_container > a { flex-grow: 1;}

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

    footer{ display: flex; flex-direction: column;}
    
    .linha_2 { order: 3 }
    .coluna_flutuante{ position: relative; min-height: 200px; order: 2; width: 100%; }

    footer .linha{ display: none ;}

    .button_transparent{ display: inline-block ; margin: 6px;}

    .bg_container{ background-image: url(../imgs/fundo_mob.webp)}
}