@font-face {
    font-family: averta regular;
    src: local('fonts/Averta.otf'), url('fonts/Averta.otf');
    font-display: swap
}
@font-face {
    font-family: averta bold;
    src: local('fonts/Averta\ Bold'), url('fonts/Averta-Bold.otf');
    font-display: swap
}
@font-face {
    font-family: averta thin;
    src: local('fonts/Averta\ Thin'), url('fonts/Averta\ Thin.otf');
    font-display: swap
}
@font-face {
    font-family: averta light;
    src: local('fonts/Averta\ Light'), url('fonts/Averta\ Light.otf');
    font-display: swap
}

:root {
    --cor-padrao: #FFF;
    --cor-bg-padrao: #000000;
    --cor-primaria: #C9002A;
    --cor-secundaria: #C19B30;
    --cor-linha: #6666663d;
}

a {
    color: var(--cor-primaria);
    text-decoration: none;
}
/* a:hover
{
    color: var(--cor-padrao);
} */

html,body { height: 100%; scroll-behavior: smooth;}

body {
    background-color: var(--cor-padrao);
    font: 1em averta regular, Arial, Tahoma, Sans-serif;
    color: #333;
    margin: 0 auto;
}
button {
    font-family: 'averta regular';
}
hr {border: 1px solid var(--cor-linha)}
h1 {
    font-size: 1.75em;
    font-weight: 500;
}
h1 span,h2 span {font-weight: 800;}
h2 {
    font-size: 1.4625em;
    font-weight: 500;
}
h3 {
    font-size: 1em;
    margin-block-end: auto;
    margin-block-start: auto;
}
h4 { font-size: 1em;}

img {
    max-width: 100%;
    height: auto
}

/* input[type=text]{} */
input[type=tel],
input[type=email],
input[type=url],
input[type=date],
input[type=password],
input[type=text] {
    width: 100%;
    font: 1.1em averta regular, Arial, Tahoma, Sans-serif;
    height: 40px;
    padding-left: 10px;
    border-radius: 4px;
    border: 1px solid var(--cor-linha);
    box-sizing: border-box;
    color: #666;
    width: 100%;
}

input[type=submit] {
    font: 1em averta regular, Arial, Tahoma, Sans-serif;
}

input:focus,
select:focus { 
    outline: none !important;
    border-color: var(--cor-primaria);
}

ul {     
    text-align: left;
    list-style: none; 
}
ul li { margin: 3% 0; }


/* section { padding: 0% 4%; } */

select {  
    appearance: none; 
    background-color: var(--cor-padrao);
    border-radius: 4px;
    border: 1px solid var(--cor-linha);
    border-radius: 10px;
    box-sizing: border-box;
    color: #666;
    font: 1.1em averta regular, Arial, Tahoma, Sans-serif;
    height: 60px;
    padding-left: 15px;
    width: 100%;
}

select option {
    width: 90%;
}
.beneficios-top ul li::before { 
    color: var(--cor-primaria);
    content: "\2022"; 
    display: inline-block;
    margin-left: -2em; 
    width: 1em;
}

.botao {
    align-items: center;
    border-radius: 4px;
    display: flex;    
    height: 40px;
    padding: 1% 10px;
    justify-content: center;
    width: max-content;
}
.botao a { color: inherit; }
.botao img { padding-right: 6px; width: 10px;}
.botao-alternativo a:hover { color: var(--cor-primaria);}
.botao-mini {font-size: 0.7em; height: 25px;}
.botao-padrao {
    background-color: var(--cor-primaria);
    border: 1px solid var(--cor-primaria);
    color: #FFF;
}
.botao-padrao:hover {
    background-color: #930422;
}
/* .botao-sem-borda { border:none !important; } */
.botao-transparente {   
    background-color: transparent;
    border: 1px solid var(--cor-primaria);
    color: var(--cor-primaria);
}
.botao-transparente:hover {
    background-color: var(--cor-primaria);
    border: 1px solid var(--cor-primaria);
    color: #FFF;
}

.busca-menu {display: flex;flex-direction: column;}
.busca-menu-item { width: 100%; margin: 1% 0%;}

.cabecalho {
    align-items: center;
    border-bottom: 1px solid var(--cor-linha);
    display: flex;
    height: 50px;
    justify-content: space-between;
    padding: 2% 4%;
    margin-bottom: 5%;    
}
.cabecalho-menu {align-items:center;display: flex;justify-content: flex-end;width: 90%;}
.cabecalho-menu-item {margin: 0 1%;}
.centralizar { text-align: center; margin: 0 auto; }

.container-aba-busca {
    background-color: #FFF;
    
    box-shadow: 0px 4px 10px 0px #6666663d;
    box-sizing: border-box;
    display: none;
    padding: 3% 10%;
    /* position: absolute; */
    position: fixed;
    /* top: 6%; */
    top: 0;
    width: 100%;
    z-index: 1;

    bottom: 0;
    overflow-y:scroll;
    overflow-x:hidden;
}
.container-aba-busca input {
    border: none;
    background-color:transparent;
    font-size: 1em;
}
.container-aba-busca h2 { font-size: 1.2em;}

.container-busca {background-color: #e2e4e282;border-radius: 10px;padding: 1% 0%;}
/* .container-form { margin: 10% 0; } */
.container-form { margin: 10% 3%; }
.container-navegacao { 
    display: flex;
    justify-content: flex-end;
}
.conteudo { padding: 0 4%; }

.destaque-ikesaki { color: var(--cor-primaria);}

.desktop {display:none;}

.d-flex {
    /* align-items: center; */
    align-items: flex-end;
    display: flex;
    justify-content: space-between;
}

.efeito-vidro {
    background: rgba( 255, 255, 255, 0.35 );
    box-shadow: 0 8px 32px 0 rgba( 31, 38, 135, 0.37 );
    backdrop-filter: blur( 13.5px );
    -webkit-backdrop-filter: blur( 13.5px );
    border-radius: 10px;
    border: 1px solid rgba( 255, 255, 255, 0.18 );
}

.especialidade {width: 40%;}
.especialidade-carrossel { margin-top: 5%; }
/* .especialidade-navegacao {position: relative;} */
.especialidade-navegacao {margin: 0 3%;position: relative;}
.especialidade-titulo {color: #666;font-size: 0.9375em;}

.form-item { margin: 3% auto; }

.input-busca {
    background-image: url(/imagens/icone-busca.svg);
    background-repeat: no-repeat;
    background-size: 20px;
    background-position-x: 98%;
    background-position-y: center;
}

.logo-ikesaki {
    background-image: url("/imagens/logo_ikesaki.png");
    background-repeat: no-repeat;
    background-size: cover;
    height: 31px;
    width: 122px;
}
.linha-input {  border-top: 1px solid var(--cor-linha); }
.link-menu {color: #333; font: 1em averta light, Arial, Tahoma, Sans-serif;}
.link-menu:hover {color: var(--cor-primaria); border-bottom: 5px solid var(--cor-primaria); padding-bottom: 5px;}
.link-mudo { color: initial; }
.link-profissionais {display: contents;}

.menu-patrocionio img { max-width: 250px; } 

.mobile {display: block;}

.passo {
    align-items: center;
    display: flex;
    margin: 3% 0%;
}
.passo-informacao {
    box-sizing: border-box;
    padding: 3%;
    text-align: left;
    width: 90%;
}
.passo-informacao-texto {
    font-family: averta light;
    font-size: 0.9em;
}
.passo-informacao-titulo {
    font-size: 1.3em;
    font-weight: 400;
}
.passo-numero {
    color: var(--cor-primaria);
    font-size: 3.5em;
    font-weight: 900;
    width: 10%;
}

.profissionais {
    align-items: center;
    display: flex;
    margin: 3% 0;
}
.profissionais-foto {
    width: 20%;   
}
.profissionais-foto img { border-radius: 50%; width: 200px; }

.profissionais-lista a:hover {color: var(--cor-primaria);}
.profissionais-lista,
.busca-menu-item span {
    font: 1em averta light, Arial, Tahoma, Sans-serif;
    line-height: 2em;
}

.profissionais-nome {line-height: normal;}
.profissionais-texto {align-items: center;display: flex; width: 80%;}
.profissionais-texto-identificacao {
    box-sizing: border-box;
    font-size: 1em;
    padding: 0 2%;
    line-height: 5px;
    text-align: left;
    width: 75%;
    font-family: averta light;

    /* max-height: 80px;
    overflow-y: overlay; */
}
/* .profissionais-texto-nome-salao {line-height: 1em;} */
.profissionais-texto-identificacao h4 {font-family: averta regular;}
.profissionais-texto-identificacao p {line-height: 1.2em;}
.profissionais-texto-ranking {
    align-items: center;
    display: flex;
    flex-direction: column;    
}
.profissionais-texto-ranking span {font-size: 0.625em;}
.ranking-posicao {
    display: flex;    
}
.ranking-posicao span {font-size: 1.5625em;}
.ranking-icone {
    background-image: url("/imagens/icone-ranking.svg");
    background-repeat: no-repeat;
    background-size: cover;
    width: 30px;
    height: 30px;
}

.resultado-busca { margin-bottom: 10%; min-height: 315px; }
.resultado-busca-ordenacao {
    align-items: center;
    display: flex;
    justify-content: flex-end;
    width: 100%;
}
.resultado-busca-ordenacao div { margin-left: 2%;}
.resultado-busca-ordenacao select {
    font: 1em averta regular, Arial, Tahoma, Sans-serif;
    height: 40px;
    max-width: 200px;
    padding: 0px 15px;
}

.resultado-pesquisa { 
    width: 100%;
    font: 1em averta light, Arial, Tahoma, Sans-serif;
}

.rodape { 
    background-color: #EFEFEF;
    padding: 5% 0;
    margin-top: 5%;
}
.rodape a {color: initial;}
.rodape ul { padding-inline-start: 3%; }
.rodape li { 
    font: 1em averta light, Arial, Tahoma, Sans-serif; 
    margin: 2% 0;
}

.sombra { box-shadow: 2px 4px 4px var(--cor-linha); }

.swiper-button-next {
    background-image: url("/imagens/seta-direita.svg");
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: center;
    right: 0;
}
.swiper-button-prev {
    background-image: url("/imagens/seta-esquerda.svg");
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: center;
    right: 30px;
    left: auto;
}
.swiper-button-next::after {
    display: none;
}

/* .teste{
    background-image: url(/imagens/logo-top-profissional-ikesaki-mini.png);
    background-repeat: no-repeat;
    background-size: contain;
    height: 25px;
    position: absolute;
    width: 25px;
} */
.titulo-menor { color: #6f6a6a; font-size: large;}

.titulo-destaque { 
    border-bottom: 1px solid var(--cor-primaria);
    font-size: 1.4625em;
    font-weight: 500;
    position: relative;
    padding-bottom: 10px;    
    /* margin-bottom: 35px; */
    text-align: left;
}
.titulo-destaque::after { 
    content: "";
    position: absolute;
    top: calc(100% - 3.5px);
    left: 0;
    width: 30px;
    height: 7px;
    background-color: var(--cor-primaria);
}
.titulo-simples {font-size: 0.9375em; text-align: justify;}

.wrapper {
    margin: 0 auto;
    text-align: center;
    width: 92%;
}
.wrapper-aba-busca { display: none;}

/* Exibir em Grade */
    .container-resultado-grade { 
        display: flex; 
        flex-wrap: wrap; 
        justify-content: space-between;
        width: 100%; 
    }
    .profissionais-grade { 
        align-items: inherit;
        box-sizing: border-box;
        border: 1px solid var(--cor-linha);
        display: flex;
        flex-direction: column;
        background-color: #FFF;
        margin: 2% 0;
        width: 48%;
        padding: 3% 0;    
    }
    .profissionais-foto-grade { height:50%; padding-bottom: 5%;width: 100%;}
    .profissionais-foto-grade img {width: 160px;}
    .profissionais-texto-identificacao-grade {
        box-sizing:border-box;
        padding: 0 3%;
        line-height: 5px;
        width: 100%;
    }
    .profissionais-texto-identificacao-grade p {line-height: 1.2em;}
    .profissionais-texto-grade { flex-direction: column; width: 100%; }
    .ranking-posicao-grade { margin-bottom: 10%; }
/* Exibir em Grade */

#busca-form { margin-bottom: 5%; }
#form-cidade { display: none; }
#ordernar-lista {
    background-image: url("/imagens/icone-ordenar-lista.svg");
    /* width: 20px;
    height: 20px; */
    width: 30px;
    height: 30px;
    background-repeat: no-repeat;
    background-size: cover;
}
#ordernar-grade {
    background-image: url("/imagens/icone-ordenar-bloco.svg");
    width: 38px;
    height: 37px;
    background-repeat: no-repeat;
    background-size: cover;
}
/* Menu Mobile */
    .sidenav  {
        display: none;
        position: fixed;
        height: 100%;
        width: 100%;
        top: 0;
        left: 0;
        z-index: 11;
        background-color: #FFF;
        overflow-x: hidden;
        /* transition: .5s; */
        background-image: url(/imagens/bg-pattern.png);
    }   

    .sidenav h2 { font-size: 1.4em; }

    .sidenav-conteudo {
        padding: 2% 5% 0;
    }

    .sidenav-especialidade div {margin: 10px 0px;}
    .sidenav-especialidade nav { font-size: 1.2em; padding-left: 10px; }

    .sidenav-rodape {
        bottom: 0;
        position: absolute;
        width: 90%;
    }

    .sidenav-rodape h2 {font-size: 1em;}

    .sidenav .closebtn {
        color: var(--cor-primaria);
        font-size: 2em;
    }          
/* Menu Mobile */
#resultado .resultado-busca {padding: 0% 3%;}
#termos {display: flex;flex-wrap: wrap;}
#termos span {border: 1px solid var(--cor-linha); border-radius: 15px; font-size: 0.8em; min-width: 20%; margin: 2px; padding: 1%; text-align: center; }

@media only screen and (min-width:576px) { 
    input[type=tel],
    input[type=email],
    input[type=url],
    input[type=date],
    input[type=password],
    input[type=text] {
        font: 1.5em averta regular, Arial, Tahoma, Sans-serif;
        height: 60px;
    }
    section { margin-bottom: 3%;}
    select {   
        font: 1.5em averta regular, Arial, Tahoma, Sans-serif;
        height: 75px;
    }
    ul li {
        font-size: 1em;
        margin: initial;
    }

    /* .botao {height: 20px;} */
    .botao {height: 30px;}
    .botao img {width: 15px;}
    .botao-mini {font-size: 1em;}
    .busca-menu {flex-direction: row; justify-content: space-between;}
    .busca-menu-item { width: 25%; margin: 0 1%;}
    .cabecalho { margin-bottom: 2%; padding: 1% 10%; }
    /* .cabecalho .botao-mini {height: 0px;} */
    .container-aba-busca {
        /* background: rgba( 255, 255, 255, 0.35 );
        box-shadow: 0 8px 32px 0 rgba( 31, 38, 135, 0.37 );
        backdrop-filter: blur( 13.5px );
        -webkit-backdrop-filter: blur( 13.5px );
        border-radius: 10px;
        border: 1px solid rgba( 255, 255, 255, 0.18 ); */

        position: absolute;
        top: 8%;
        bottom: initial;
        overflow-y: inherit;

    }
    .container-aba-busca h2 {font-size:1.5em;} 
    .container-aba-busca input {font-size: 2em;}
    .container-busca {background-color: #e2e4e282;padding: 1% 0%; border-bottom-right-radius: 100px; border-top-left-radius: 100px;}
    /* .container-busca {background-color: #4caf50a8;border-radius: 10px;padding: 1% 0%;} */
    .container-form { margin: 3% auto 0; width: 30%; }
    .container-form .botao { height: 40px; }
    .container-passo-a-passo {display: flex;}
    .container-resultado {
        display: flex;
        flex-wrap: wrap;
    }
    /* .container-resultado-grade { justify-content:space-evenly; } */
    .container-rodape {display:flex;}
    .conteudo {padding: 0 10%;}
    .desktop {display: inline-block;}
    .especialidade-carrossel {
        margin: 3% auto 2%;
        width: 60%;
    }
    .especialidade-navegacao {display: none;}
    .mobile {display: none;}
    .passo {width: 33%;}
    .profissionais {width: 50%;}
    .profissionais-texto-identificacao {font-size: 1.3em;}
    .profissionais-texto-ranking span { font-size: 0.925em; }
    .ranking-posicao span { font-size: 2.5em; }    
    .ranking-icone {height: 40px; width: 40px;}
    .resultado-busca { margin-bottom: initial; }
    .rodape {padding: 3% 0 0%;margin-top: initial;}
    .wrapper { width: 80%; }

    /* Grade */
    .profissionais-grade {width: 20%; max-width: 350px; margin: 20px; }
    /* Grade */

    #busca-form { margin:0%; }
    #resultado .resultado-busca {padding: 1% 5%; }
    #termos span {font-size: 1em;min-width: 10%;}
    #termos_buscados {width: 40%;}
}