@charset "UTF-8";
/* CSS Global */

@font-face {font-family:'Allura';src:url(../fonts/Allura-Regular.ttf);font-weight:700;font-display:swap}
@font-face {font-family:'Athena';src:url(../fonts/Athena-Light.otf);font-weight:400;font-display:swap}
@font-face {font-family:'Athena';src:url(../fonts/Athena-SemiBold.otf);font-weight:900;font-display:swap}
@font-face {font-family:'Inter';src:url(../fonts/Inter_28pt-Bold.ttf);font-weight:700;font-display:swap}
@font-face {font-family:'Inter';src:url(../fonts/Inter_28pt-Regular.ttf);font-weight:400;font-display:swap}
@font-face {font-family:'Inter';src:url(../fonts/Inter_28pt-Light.ttf);font-weight:300;font-display:swap}
@font-face {font-family:'Kiona';src:url(../fonts/Kiona-Regular.ttf);font-weight:300;font-display:swap}

:root{
    --font-1: 'Athena', sans-serif;
    --font-2: 'Inter', sans-serif;
    --font-3: 'Allura', sans-serif;
    --font-4: 'Athena', sans-serif;
    --font-5: 'Kiona', sans-serif;
    --transition-effects: .6s ease-in-out;
}
#wpadminbar{position:relative!important}
html{margin-top:0!important}
body{font-family:var(--font-2);color: var(--color-2); background-color: #F2E6D6;}
h1, h2, h3{font-family:var(--font-1);color: var(--color-3);font-weight: normal;margin: 0 0 1rem;}
h1{font-size: clamp(2rem, 3.5vw, 4rem);}
h2{font-size: clamp(2rem, 3vw, 3.5rem);}
h3{font-size: clamp(1.5rem, 2vw, 2rem);}
p{font-family: var(--font-2);font-weight: lighter;}

a{color:var(--color-1);text-decoration:none}
form .form-check-input:checked{background-color: var(--color-1);border-color: var(--color-1);}
.form-control, .form-select{border-color: var(--color-1);background:transparent}
input[type="submit"]{color: var(--color-2);
    border: 1px solid var(--color-2);
    border-radius: 5px;
    display: inline-block;
    padding: 7px 35px;
    transition: var(--transition-effects);
    background: transparent;
    font-family: var(--font-1);
    font-weight: 900;}
input[type="submit"]:hover{background-color: var(--color-3);color: #fff;border-color: var(--color-3);}
input[type="submit"]:disabled{cursor:not-allowed}

.font-1{font-family: var(--font-1);}
.font-2{font-family: var(--font-2);}
.font-3{font-family: var(--font-3);font-size: clamp(2rem, 4.5vw, 4rem); line-height: .7; text-transform: none;}

.cor-1{color: var(--color-1)!important;}
.cor-2{color: var(--color-2)!important;}
.cor-3{color: var(--color-3)!important;}

:is(.button-1, .button-2, .button-white) a{
	padding: 10px 50px;
    border-radius: 8px;
    font-weight: bolder;
    font-size: 16px;
    font-family: var(--font-1);
    letter-spacing: 2px;
    transition: var(--transition-effects);
    display: inline-block;
}
:is(.button-1, .button-2) a:hover{
	opacity: .8;
}
@media (min-width: 992px) {
}

.button-1 a{background-color: var(--color-2);color: #fff;}
.button-2 a{background-color: var(--color-1);color: var(--color-2);}

.button-services a {
	background-color: var(--color-2);color: #fff;
	padding: 10px 50px;
    border-radius: 0px 10px 0px 10px;
    font-weight: bolder;
    font-size: 16px;
    font-family: var(--font-1);
    letter-spacing: 2px;
    transition: var(--transition-effects);
    display: inline-block;
}

.button-services a:hover {
	opacity: .8;
}

.button-white a{background-color: transparent;color: #fff; border: 1px solid #fff;}
.button-white a:hover{ background-color: var(--color-1); border-color: var(--color-1);}

.title-line{border-left: 4px solid var(--color-1);padding-left: 1rem;}

/* Swiper */
.swiper-autoHeight .swiper-slide{height: auto;}
.swiper-custom-btn{display: flex;align-items: center;gap: 2rem;}
.buttonSwiper-next, .buttonSwiper-prev{color: var(--color-2);}
:is(.buttonSwiper-next, .buttonSwiper-prev).swiper-button-disabled{opacity: .8;}
.buttonSwiper-next::after, .buttonSwiper-prev::after{font-family: 'FontAwesome';font-size: 25px;}
.buttonSwiper-next::after{content: '\f054';} 
.buttonSwiper-prev::after{content: '\f053';}

.swiper-button-next, .swiper-button-prev{color:var(--color-2)!important}
/* Redes Sociais */

.box-social ul {display: flex;list-style: none;margin: 0;padding: 0; justify-content: center;}
.box-social li {margin-right: 10px;}

/* Menu */
.stick #meanmenu{position:sticky;top:0;z-index:9}
.site-header{-webkit-transition:all 1s ease-out 0s;transition:all 1s ease-out 0s;background-color:#fff}
.stick .site-header{width:100%;background-color:transparent;position:fixed;top:0;z-index:35}
.site-header ul{margin:0;padding:0;list-style:none;justify-content: center;display: flex;}

.menu-top{background-color: var(--color-1); transition: .5s;}
.menu-bottom {position:fixed; width:100%; z-index: 35}

section {transition: margin-top 0.3s ease;}

/*Menu Top */
#tophead{background-color:var(--color-1);padding: .5rem 0;}  
#tophead *{color:#fff}
#tophead .tophead-social li,
#tophead .tophead-contact li{display:inline-block;margin-right: 1rem;}
#tophead .tophead-contact i{padding-right:10px;}

#tophead .input-group-btn{background-color:#fff;border-radius:0 25px 25px 0}
#tophead .input-group-btn button{background-color:transparent}
#tophead .search-form .btn i{color:#b22380}
#tophead .search-query{background-color:transparent;border:1px solid;border-radius:25px 0 0 25px}
#tophead .search-query::placeholder{color: #fff;}

/* Menu Transparent */
.trheader.non-stick .site-header .main-navigation ul.menu > li > a{color: var(--color-3)}
.trheader.non-stick .site-header{position: sticky;background-color: transparent;width: 100%;top: 0;z-index:999}

.trheader.non-stick .site-header .main-navigation ul li a{color: var(--color-3)}
.site-header .main-navigation ul li a:hover{background-color: var(--color-2);
    color: #fff !important;}

/*Menu Bottom */
.site-header .site-branding{display:flex;flex-direction: column;align-items:center;}
.site-header .main-navigation ul li{display:inline-block;position:relative;margin: 0 1rem;}
.site-header .menu-agendamento ul li{margin-right: .8rem;}
.sub-menu {display: flex; flex-direction: column;}
.sub-menu li {margin:0!important}
.site-header .main-navigation ul li a{color:var(--color-3);font-size:16px;font-family: var(--font-5);display:block;text-transform: uppercase;text-decoration:none;transition:all 1s ease-out 0s;padding:5px; background-color: (var(--menu-hover-color)); font-weight: 400;}
.site-header .main-navigation ul.menu > li > a:hover,
.site-header .main-navigation ul.menu > li.current-menu-item > a{color:var(--color-3);border-bottom: 1px solid var(--color-3)!important}
.site-header .main-navigation ul li ul li{background-color:var(--submenu-bg-color)}
.site-header .main-navigation ul li ul li:hover,
.site-header .main-navigation ul li ul li.current-menu-item{background-color:var(--submenu-hover-bg-color)}
.site-header .main-navigation ul li ul li a{color:var(--submenu-color);}
.site-header .main-navigation ul li ul li:hover > a,
.site-header .main-navigation ul li ul li.current-menu-item > a{color:var(--submenu-hover-color)}
.site-header .main-navigation ul li ul{left:0;opacity:0;visibility:hidden;-webkit-transform:scaleY(0);-ms-transform:scaleY(0);transform:scaleY(0);position:absolute;top:100%;-webkit-transform-origin:0 0 0;-ms-transform-origin:0 0 0;transform-origin:0 0 0;-webkit-transition:all 0.3s ease 0s;transition:all 0.3s ease 0s;z-index:99!important;width:250px;text-align:left}
.site-header .main-navigation ul > li:hover > ul{opacity:1;visibility:visible;-webkit-transform:scaleY(1);-ms-transform:scaleY(1);transform:scaleY(1)}
.site-header .main-navigation ul li .sub-menu li.menu-item-has-children:after{color:#fff;content:"\f105";font-family:FontAwesome;font-size:16px;position:absolute;right:6px;top:50%;transform: translateY(-50%); font-display:swap}
.site-header .main-navigation ul li ul li{display:block;border-left:none;-webkit-transition:all 0.3s ease 0s;transition:all 0.3s ease 0s}
.site-header .main-navigation ul li ul li:last-child{border-bottom:none}
.site-header .main-navigation ul li ul li a{display:block;color:#ffffff;font-weight:400!important}
.site-header .main-navigation ul li ul li ul{left:250px;top:0;width:250px}
.site-header .main-navigation ul > li > ul > li:hover > ul{opacity:1;visibility:visible;-webkit-transform:scaleY(1);-ms-transform:scaleY(1);transform:scaleY(1)}
.site-header .main-navigation nav > ul >.menu-item-has-children>a:after{content:"\f107";font-family:'FontAwesome';font-weight:700;margin-left:10px}

/* Menu Mobile Transparent */
.trheader #meanmenu{width: 100%;top: 0;z-index:99}
.trheader.non-stick #meanmenu{position:fixed}
.trheader.stick #meanmenu{position: fixed;}
.trheader.non-stick .mean-container .mean-bar{background-color: var(--color-1);}

/* Menu Mobile */
.mean-container .mean-nav ul li a{color:var(--menu-color);}
.mean-container a.meanmenu-reveal{color:var(--color-2)}
.mean-container a.meanmenu-reveal{display: block;cursor: pointer;font-size: 28px;color: #fff; text-align: end; margin-right: 20px;}
.mean-container .mean-nav ul li a:hover,.mean-container .mean-nav > ul > li.current-menu-item > a{background-color:var(--color-1)}
.mean-container .mean-nav .mean-append-area a.header-menu-btn{display:inline-block;color:#fff;float:none;width:inherit;margin:5px 10px 0}
.mean-container .mega-menu.hide-header > ul > li{border-top:none}
.mean-container .mega-menu.hide-header > ul > li > a{display:none}
.mean-container .mega-menu.hide-header > ul > li > ul{display:block!important}
a.meanmenu-reveal{display:none}
.mean-container .mean-bar{width:100%;position:relative;background:var(--color-1);padding:0px 0;min-height:42px;z-index:99;}
.mean-container .mean-bar .logo-small{padding:5px 15px}

.mean-container a.meanmenu-reveal span{background-color:#fff!important}
.mean-container a.meanmenu-reveal span:after{display:block;height:3px;margin-top:3px;content:"\f003";font-size:0;border-bottom:3px solid #fff!important}
.mean-container .mean-nav{width:100%;background:#fff;margin-top:15px}
.mean-container .mean-nav ul{list-style-type:none;margin:0;padding:0;width:100%!important}
.mean-container .mean-nav ul.menu{overflow-y:scroll}
.mean-container .mean-nav ul li{border-top:1px solid #dddddd;position:relative;width:100%;background:var(--color-2)}
.mean-container .mean-nav ul li a{display:block;color:#fff!important;font-size:15px;width:94%;padding:0.5em 3%;margin:0;text-align:left;text-decoration:none;font-weight:600;line-height:21px}
.mean-container .mean-nav ul .current-menu-item,.mean-container .mean-nav ul li .current-menu-item{background:#2eaf93}
.mean-container .mean-nav ul li li a{width:80%;padding:0.5em 5%;text-shadow:none!important;visibility:visible}
.mean-container .mean-nav ul li a:hover,.mean-container .mean-nav > ul > li.current-menu-item > a{color:#fff}
.mean-container .mean-nav ul li.mean-last a{border-bottom:0;margin-bottom:0}
.mean-container .mean-nav ul li li li a{width:70%;padding:.5em 7%}
.mean-container .mean-nav ul li li li li a{width:60%;padding:.5em 9%}
.mean-container .mean-nav ul li li li li li a{width:50%;padding:1em 11%}
.mean-container .mean-nav ul li.hide-header li a{width:90%;padding:0.5em 3%}
.mean-container .mean-nav ul li.hide-header li li a{width:80%;padding:0.5em 5%}
.mean-container .mean-nav ul li.hide-header li li li a{width:70%;padding:.5em 7%}
.mean-container .mean-nav ul li.hide-header li li li li a{width:60%;padding:1em 9%}
.mean-container .mean-nav ul li a.mean-expand{color:#fff!important;margin-top:1px;width:26px;height:24px;padding:5px 12px!important;text-align:center;position:absolute;right:0;top:0;z-index:2;font-weight:700;background-color:rgba(255,255,255,.1);border:0!important;border-left:1px solid rgba(255,255,255,.4)!important}
.mean-container .mean-nav ul li a.mean-expand:hover{background:none}
.mean-container .mean-push{float:left;width:100%;padding:0;margin:0;clear:both}
.mean-nav .wrapper{width:100%;padding:0;margin:0}
.mean-container .mean-bar, .mean-container .mean-bar *{box-sizing:content-box}
.mean-container .mean-push{float:left;width:100%;padding:0;margin:0;clear:both}
.mean-nav .wrapper{width:100%;padding:0;margin:0}
.mean-container .mean-bar,.mean-container .mean-bar *{box-sizing:content-box}
.mean-remove{display:none!important}
.mean-bar img{padding:4px 15px}
.main-menu-mobile{
    position: absolute;
    right: 0;
    width: 100%;
    top: 3rem;
    z-index: -9;
}
/* Rodapé */

#footer{background-color: var(--color-2);}
#footer p {color: #fff;font-size:13px}
#footer a {color: #fff;}
#footer .list-social ul{justify-content: space-around;}
#footer a i{width: 30px;height: 30px;font-size: clamp(16px, 1.1vw, 20px);border: 1px solid #fff;border-radius: 100%;padding: 5px;display: flex;align-items: center;justify-content: center;transition: var(--transition-effects);}
#footer a:hover i{color: var(--color-3);border-color: var(--color-3);}
#footer address a{display: flex;align-items: center;font-size:13px}
#footer address a i{margin-right: 10px;}
#footer address a span{width: 80%;word-break: break-all;}

.footer-bottom{border-top: 1px solid var(--color-1);}


/* Banner Interno */
.entry-banner{background-color:#119cd7;}
.entry-banner *{color:#fff}
.entry-banner :is(h1, p){margin: 0;}
.entry-breadcrumb a{font-weight:400}
.entry-breadcrumb .breadcrumb-seperator{padding:0 5px}


/* Conteudo interno  */
#clinica picture img {
    height: 100%;
    object-fit: cover;
}
/* Página de erro */
.error-page-area .error-page{color:#ffffff;text-align:center}
.error-page-area .error-page h3{color:#ffffff;font-weight:600;letter-spacing:2px;margin-top:30px;margin-bottom:10px;font-size:30px;line-height:1.2}
.error-page-area .error-page a.error-page-btn{background-color:#ffffff;color:#222222;display:inline-block;margin-top:10px;border-radius:3px;font-size:16px;font-weight:600;padding:12px 25px;text-transform:capitalize;-webkit-transition:all 0.5s ease-in-out 0s;transition:all 0.5s ease-in-out 0s}

/*--------------------------------------------------------------------------------------------*/
/* WhatsApp */
/*-------------------------------------------------------------------------------------------*/

.whatsapp-right{position:fixed;bottom:5px;right:5px;z-index:9;cursor:pointer}

#modal_whatsapp .modal-dialog{align-items:flex-end;position:absolute;bottom:5px;}
#modal_whatsapp :is(.modal-content, .modal-header){border:none;}
#modal_whatsapp :is(p, label, a){color: #000;}
#modal_whatsapp label{font-size: 14px;}
#modal_whatsapp .modal-header{background-color: var(--color-2);}
#modal_whatsapp .modal-header p{margin: 0;color: #fff;}

#modal_whatsapp .modal-content{background-color: #EBE3E3;border-radius:10px;width:380px}
#modal_whatsapp .modal-header .btn-close{position:absolute;top:5px;right:10px;opacity:1;z-index:999}
@media (max-width: 735px) {
	.main-menu-mobile{
		top: 10px;
	}
	.img-black {
		width: 100px;
	}
	
	.imageFlavia_AboutFlavia {
		margin-top: 200px;
	}
}
@media (max-width: 991.98px) {
    #modal_whatsapp .modal-dialog{right:0;left: 0;}
}
@media (min-width: 992px) {
    #modal_whatsapp .modal-dialog{right:5px}
    .area-bg_short {margin: 0 6rem;}
	#protocolos .row{margin:0 8rem}
	#protocolos .picture-2,#protocolos .picture-4{float:right}
}
#tratamentos{background-color:rgb(216 195 165 / 50%)}
#tratamentos h2{
    font-family: var(--font-1);
    font-weight: 900;
    border-left: 4px solid #d8ad6c;
    display: inline;
    line-height: 1;
    padding-left: 20px;
    font-size: 40px;
}
#tratamentos .text-1{    position: absolute;
    color: #fff!important;
    font-family: --font-1;
    font-size: 24px;
    text-transform: uppercase;
    font-weight: 500;
    width: 150px;
    text-align: left;
    left: 100px;
    top: 40px;
    text-shadow: 0 0 20px #000000;line-height:1}
	#tratamentos .text-2{    position: absolute;
    color: #fff!important;
    font-family: --font-1;
    font-size: 24px;
    text-transform: uppercase;
    font-weight: 500;
    width: 150px;
    text-align: left;
    right:50px;
    bottom: 90px;
    text-shadow: 0 0 20px #000000;line-height:1}
	#tratamentos .text-3{    position: absolute;
    color: var(--color-2)!important;
    font-family: --font-1;
    font-size: 24px;
    text-transform: uppercase;
    font-weight: 500;
    width: 150px;
    text-align: left;
    left: 100px;
    top: 40px;
    text-shadow: 0 0 20px #000000;}
	#tratamentos .text-1 a,#tratamentos .text-2 a{color:#fff!important}
	#tratamentos .text-3 a{color: var(--color-2)!important}
#protocolos h2,#protocolos_para_quem_deseja h2{
    font-family: var(--font-1);
    font-weight: 900;
    border-left: 4px solid #d8ad6c;
    display: inline;
    line-height: 1;
    padding-left: 20px;
    font-size: 40px;
}
#protocolos h2{
    position: relative;
    text-transform: uppercase;
    display: table;
    margin: 0 auto;
}
#protocolos h2 b{
    font-family: var(--font-3);
    position: absolute;
    bottom: -45px;
    left: -40px;
    width: 100%;
    text-align: left;
    text-transform: none;
}
#protocolos .box-1 h3,#protocolos .box-4 h3{
    color: #fff;}
#protocolos h3{
    font-size: 22px;
    line-height: 1;
    font-family: var(--font-1);
    font-weight: 600;
    margin-bottom: 5px;
	text-align:center
}
#protocolos p{
    margin-bottom: 5px;
    font-size: 14px;
    text-align: center;
}
#protocolos .box-1{
    position: absolute;
    background: var(--color-2);
    color: #fff;
    width: 225px;
    bottom: -30px;
    left: 200px;
    padding: 10px;
    border-radius: 5px;
    height: 150px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
}
#protocolos .box-2{
    position: absolute;
    background: var(--color-1);
    width: 225px;
    bottom: -30px;
    left: 50px;
    padding: 10px;
    border-radius: 5px;
    height: 150px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
}
#protocolos .box-3{
    position: absolute;
    background: var(--color-1);
    width: 225px;
    top: -30px;
    left: 200px;
    padding: 10px;
    border-radius: 5px;
    height: 150px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
}
#protocolos .box-4{
    position: absolute;
    background: var(--color-2);
    color: #fff;
    width: 225px;
	top: -30px;
    left: 50px;
    padding: 10px;
    border-radius: 5px;
    height: 150px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
}
#protocolos .col{position:relative}
#protocolos_para_quem_deseja .box-1 {
    position: absolute;
    background: var(--color-1);
    width: 225px;
    bottom: -30px;
    right: 50px;
    padding: 10px;
    border-radius: 5px;
    height: 130px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
}
#protocolos_para_quem_deseja .box-2 {
    position: absolute;
    background: var(--color-2);
    width: 225px;
    bottom: -30px;
    left: 50px;
    padding: 10px;
    border-radius: 5px;
    height: 130px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    color: #fff;
}
#protocolos_para_quem_deseja .box-2 h3{color:#fff}
#protocolos_para_quem_deseja h2 {
    position: relative;
    display: table;
    margin: 0 auto;
}
#protocolos_para_quem_deseja h2 b{
    font-family: var(--font-3);
    position: absolute;
    bottom: -45px;
    left:0;
    width: 100%;
    text-align: left;
    text-transform: none;
}
#protocolos_para_quem_deseja h3{
    font-size: 22px;
    line-height: 1;
    font-family: var(--font-1);
    font-weight: 600;
    margin-bottom: 5px;
    text-align: center;
}
#protocolos_para_quem_deseja p{
    margin-bottom: 5px;
    font-size: 14px;
    text-align: center;
}
