html {scroll-behavior: smooth;}

body { color: #333333 ; font-family: 'Kanit' , sans-serif};

.wp-block-list  li{ padding-left: 30px; list-style: disc!important;}

.listagem_links br{ display: none;}

.container{ max-width: 1160px; margin: auto; }

.pagination { display:flex; align-items:center; gap:5px; justify-content:center;}
.page-numbers { padding: 20px; min-width: 30px;height: 30px; display:flex;align-items:center; justify-content:center;
                border: 1px #3333 solid; font-size: 14px!important; color: #333; background: #fff;}

.page-numbers.current{ background: red; color:white; }

.modal-card {
    width: 90vw;       /* 90% da largura da tela */
    max-width: 1000px; /* ou qualquer largura fixa desejada */
}
.especialista_interno.especialista { display: flex; max-width: 750px;}

.especialista_interno .flex{
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px;
}
.especialista_interno a { width: 100%; text-align: center; white-space: nowrap;}

@media(max-width: 640px){
    .especialista_interno .flex{ flex-wrap: wrap;}
}
.t1 { font-size: 45px; line-height: 55px; font-weight: 500;}

p { font-size: 18px;}


.close-popup { margin-left: auto ; margin-bottom: 20px; display:block;}

.modal-card {
    width: 80vw;
    max-width: 980px;
    margin-top: 80px;
}
.open-popup      { align-items: stretch; margin-bottom: 30px;}
.open-popup  span{ height: inherit ;     display: block; margin-bottom: 20px; }


.vermelho_link_container a ,
.vermelho { color: #FF0B0B; }

.btn_verde_whats{ background-color: #0ACD00; color:white; padding: 10px; text-align: center; width: 100%;
    display: block;}

.unidades_texto_container h3,
unidades_texto_container h2, 
unidades_texto_container h1,
unidades_texto_container h5,
unidades_texto_container h4 { margin-bottom: 10px;}
.unidades_texto_container p { margin: 0px}

.nossas_unidades_aside img + br{ display:none}
.nossas_unidades_aside a { color: #333; }

.card_texto_claro h2,
.card_texto_claro h3,
.card_texto_claro h4 { font-size: 24px; font-weight: bold; width: 150px;}

.unidades_texto_container a { display: flex; gap: 5px; color: #333; font-weight: bold;}

.bg_escuro { color: white ; background-color: #333333;}

.card_texto_claro{ height: 100%;}
.card_texto_claro img { display: block;}
.micro_whats { display: inline-block; padding: 5px ;border-radius: 50% ; background-color: #31C738;}

.tubos { height: 45px; display: flex; align-items: center; margin-bottom: 20px;}

.m-1-2 { margin: 3px!important}
 
.segmentos h2, 
.t2 { font-size: 40px; font-weight: 500 ; line-height: 40px;}

header { font-size: 12px; position: fixed ; top: 0; width: 100%;z-index: 9999;;}

.logo_container ,
.controlador { width: 160px; height: 70px;}

.logo_container { width: fit-content;}

.segmento_bloco { width: 100%; gap: 10px;; font-size: 14px; height: 80px;}

.form_container { background-color: white; border-radius: 20px; box-shadow: 0px 20px 40px lch(0 0 0 / 0.15);  ; }

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

.controlador.bg_vermelho { color:white }

.bg_vermelho br{ display:none; }

.controlador .btn{ color:white; }

.menu_complexo > nav > ul{ display: flex; justify-content: flex-end;}

.fundo_segundo  { background: url(../imgs/rodape_dir.webp); background-size: cover ;}
.fundo_primeiro { position: relative;}
.fundo_primeiro::before { background-color: #F5F3EA; opacity: 0.9; display: block ; content: " ";
                            left: 0; top: 0px; position: absolute; width: 50%; height: 100%;;}

.contato .esc { z-index: 2;}
/* .contato .dir { background: url(../imgs/rodape_dir.jpg);} */

form .input,
form input { border-radius: 1px!important ; border-color: #ccc!important;}

.controlador:hover {
    border-bottom: 5px solid #FF0B0B;
    transform: all ease-in-out 0.6s;
}

/* .bg_vinho_hover { color:white } */

.btn_menu { color: white ; display: flex; gap: 10px; align-items: center; font-size: 14px;}

.bg_vinho_hover:not(:hover) { background-color: #FF0B0B ;}
.bg_vinho_hover  .bg_vermelho { color:white; background-color: #AA0707; }

.bg_vinho_hover.is-active, 
.bg_vinho_hover:hover { background-color: #AA0707;  ;}


.controlador:not(:hover,.is-active)
.mega_menu_super {
    display: none;
}

.controlador.is-active 
.mega_menu_super ,
.controlador:hover 
.mega_menu_super {
    position: absolute;
    width: 100%;
    margin: 0;
    min-width: 100%;
    left: 0; 
    top: 69px;
    /* top: 0; */
    /* z-index: 8888; */
    /* padding-top:  70px; */
}


.mega_menu_texto_container.limite{max-width: 309px;  }
.mega_menu_texto_container { padding: 40px 50px; }

.mega_menu_texto_container p { color:inherit; margin: 0px; }
.mega_menu_texto_container strong { color: inherit }
.mega_menu_texto_container b { color: inherit }
.mega_menu_texto_container a , 
.mega_menu_texto_container b a { display: block; color:inherit; }



.listagem_links a,
.listagem_links p { margin-bottom: 15px;}

.mega_menu_texto_container p { font-size: 14px; text-transform: none;}
.btn,
[type="submit"] { width: fit-content; padding: 10px 50px; font-size: 14px; background-color: #FF0B0B; color:white; text-transform: uppercase; border:none;;}

.bloco_texto_contato { max-width: 443px;}
.bloco_texto_contato h2{ font-size: 34px; line-height: 34px ;margin-bottom: 20px;}

footer a,
footer { background-color: #333333;color:white}

.is-fullheight { height: 100% ;}
.is-fullwidth { width: 100%;}
footer ul li a { font-weight: bold ;}

.p_no_margin p { margin: 0px; }

.conteudo_topo { color:white; }

.conteudo_topo h1,
.conteudo_topo h2,
.conteudo_topo h3,
.conteudo_topo h4 { font-size: 80px;  line-height: 85px; }

.conteudo_topo { height: 600px ; display: flex ; align-items: center;}
.conteudo_topo p { font-size: 16px; line-height: 20px ;}

.badge_container { 
    margin-top: -35px;
    border-radius: 20px;overflow: hidden;; display: flex; width: fit-content; margin-left: auto ; height: 70px; align-items: center;;}
.badge_container a {  font-size: 12px; color: white; display: block; height: 100%; display: flex ;
     align-items: center ; justify-content:  center; text-transform: uppercase; }

.badge_container a:nth-of-type(2){
    border-left: 1px solid black;
    border-right: 1px solid black;
}

.tri_btn { 
    display: flex;
    justify-content: space-between;
    padding: 40px 60px;
    margin-bottom: 20px;
}

.bg_bege,
.fundo_bege{ background-color: #F5F3EA; }
.bg_vermelho { background-color: #FF0B0B;}
.bg_escuro { background-color: #333;}
.bg_verde { background-color: #31C738;}

/* .menu_superior{ background-color: #F5F3EA;} */
.menu_superior:hover{ background-color: #F5F3EA;}

.btn_x { display: flex; font-size: 14px;}
.btn_x span { margin-left: 20px; margin-bottom: 0px; display: flex; align-items: center; padding: 5px 30px; background-color: #333; color: #fff;}


.contato_dinamico{
    margin-top: -45px ;
    bottom: 20px;  z-index: 999;  width: 100%; max-width: 100% ;
}

.scroll_superior .contato_dinamico { position: fixed!important;  bottom: 40px;  margin-top: 30px   ; width: fit-content ; right: 106px;   }

/* .menu_superior { height: 70px;} */
.desloc { transform: translateY(50px);}
.sem_linha { border-bottom: none!important;}
@media(max-width: 1000px){

    .logo_container { padding: 10px!important; }
    .controlador br { display: none; }

    .contato {     width: 100%; overflow: hidden; }
    .container { padding-left: 20px; padding-right: 20px;}
    .card_texto_claro figure img{ width: 100%;}
    
    .fundo_primeiro::before { width: 100%;}
    
    .fundo_segundo > div { position: relative ; z-index: 1;;}
    
    .conteudo_topo h1, .conteudo_topo h2, .conteudo_topo h3, .conteudo_topo h4,
    .bloco_texto_contato h2, 
    .t1 , 
    .segmentos h2, .t2 { font-size: 26px; line-height: 26px;}


    .bloco_texto_contato { padding-left: 0px !important;}
    
    .form_container { padding: 10px!important;;}

    .hide_mob{ display: none;}
    
    .menu_superior { background-color: #F5F3EA ;}
    .menu_superior .controlador:hover{ border:none; }

    .mega_menu_super { overflow: scroll; max-height: calc(100vh - 70px); }

    /* .controlador:not(.is-active){ display: none;} */

    .btn_menu:not(.is-active) + .mega_menu_super { display: none;}

    .contato_dinamico { margin: 0px; }
    .scroll_superior .contato_dinamico { bottom: 10px; }

    .titulo_container { padding-right: 30px;}

    .tri_btn {  
        flex-direction: column;
        padding: 40px 60px; 
    }
    .tri_btn div { width: 100%; }
}

@media(min-width: 1000px){

    .titulo_container { padding-right: 50px; }
    .form_container { margin-left: -130px; z-index: 2; position: relative;;;}
    
    .conteudo { padding-right: 50px;}

}