body{
    background: #fff;
    margin: 0;
    padding: 0;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

/* Header */
.header{
    border-top: 5px solid #FCBD34;
    padding: 2rem 0;
}

.header .nav-link{ color: #3D2E0D; font-size: 1.2rem; transition: 0.5s; }

.header .nav-link:hover{ color: #7D5E1A; }

.header .nav-link.agendar-consulta{
    background: #25D366;
    color: #fff;
    border-radius: 23px;
    padding-left: 23px !important;
    padding-right: 23px !important;
    transition: 0.5s;
}

.header button{ display: block; width: 100%; }

.header .nav-link.agendar-consulta:hover{ background: #075E54; }


/* Main */

/* Hero */
.hero{
    background: #f8fbff url(../images/bg-hero.jpg);
    background-size: cover;
    padding: 4rem 0;
    box-shadow: inset 0 0 0 2000px rgb(248, 251, 255, 0.7);
}

.hero span{ border: 1px solid #3D2E0D; padding: 5px 15px; color: #3D2E0D; border-radius: 10px; margin-bottom: 0.5rem; display: inline-block; }

.hero h1{ margin-bottom: 1rem; color: #FCBD34; }

.hero p{ color: #3D2E0D; font-size: 1.6rem; }

.hero ul{ margin: 0; padding: 0; list-style: none; }
.hero ul li{ margin-bottom: 0.5rem; position: relative; }
.hero ul li::before{ font-family: "Font Awesome 5 Free"; content: "\f058"; margin-right: 5px; color: #FCBD34; }

/* .hero a{ padding: 10px 50px; border-radius: 25px;  background: rgb(236,142,17); background: linear-gradient(141deg, rgba(236,142,17,1) 0%, rgba(246,196,66,1) 100%); color: #fff; text-decoration: none; display: inline-block; margin: 1.5rem 0; transition: 0.5s; } */

.hero a {
    background-image: linear-gradient(to right, #E3AA30 0%, #FCBD34  51%, #E3AA30  100%);
    margin: 1.5rem 0;
    padding: 10px 50px;
    text-align: center;
    text-transform: uppercase;
    transition: 0.5s;
    background-size: 200% auto;
    color: #fff;            
    box-shadow: 0 0 20px #eee;
    border-radius: 25px;
    text-decoration: none;
    display: inline-block; 
}

.hero a:hover { background-position: right center; }

/* .hero img{ -webkit-filter: drop-shadow(0px 0px 15px #FCBD34); filter: drop-shadow(0px 0px 15px #FCBD34); } */


/* Tratamentos */
.tratamentos{
    background: #FDD681 url(../images/bg-tratamentos.jpg) no-repeat;
    background-size: cover;
    background-position: center center;
    box-shadow: inset 0 0 0 2000px rgba(253, 214, 129, 0.8);
    padding: 8rem 0; 
}

.tratamentos h2{ color:#3D2E0D; text-align: center; margin-bottom: 1.5rem; }

.tratamentos .box-tratamento{
    background: rgba(255, 255, 255, 0.7);
    border-radius: 10px;
    padding: 1rem;
    text-align: center;
    margin-bottom: 1.5rem;
}

.tratamentos .box-tratamento .icon{
    width: 50px;
    height: 50px;
    background: #3D2E0D;
    border-radius: 50%;
    padding: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
}

.tratamentos .box-tratamento .icon i{ color:#FDD681; }

.tratamentos .box-tratamento h3{ margin-top: 1rem; }


/* Blog Recentes */
.blog-recentes{
    background: #fff;
    padding: 7rem 0;
}

.blog-recentes h2{ color: #3D2E0D; margin-bottom: 1.5rem; }

.blog-recentes .link-post{
    display: block;
    border: 1px solid #ddd;
    border-radius: 10px;
    text-decoration: none;
    margin-bottom: 1.5rem;
    transition: 0.5s;
}

.blog-recentes .link-post:hover{
    border-color: #FCBD34;
}

.blog-recentes .link-post img{
    width: 100%;
    height: 250px; 
    object-fit: cover;
    overflow: hidden;
    -webkit-border-top-left-radius: 10px;
    -webkit-border-top-right-radius: 10px;
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-topright: 10px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

.blog-recentes .tit-res-date{ padding: 20px; }

.blog-recentes .titulo-post{ font-size: 1.3rem; color: #FCBD34; margin-bottom: 1rem; }

.blog-recentes .resumo-post{ font-size: 0.9rem; color: #777; margin-bottom: 1rem; }

.blog-recentes .data-post{ font-size: 0.8rem; color: #ccc; border-top: 1px solid #ccc; padding-top: 7px; }


/* Single */
.area-titulo{
    background: #FDD681 url(../images/bg-hero.jpg) no-repeat;
    background-size: cover;
    background-position: center center;
    box-shadow: inset 0 0 0 2000px rgba(253, 214, 129, 0.8);
    padding: 2rem 0;
    color: #3D2E0D;
}

.area-conteudo{
    min-height: 400px;
    margin: 2rem 0;
}

.area-conteudo h1,
.area-conteudo h2,
.area-conteudo h3,
.area-conteudo h4{ color: #3D2E0D; }

.area-conteudo .single-categoria{
    text-decoration: none;
    color: #FCBD34;
    margin-bottom: 1rem;
    display: inline-block;
    font-weight: bold;
}

.area-conteudo .single-data{
    color: #777;
    margin-bottom: 1rem;
    display: inline-block;
    font-size: small;
}

.area-conteudo .social-share{
    margin-top: 2rem;
    padding: 1rem 0;
    border-top: 1px solid #ddd;
    text-align: center;
}

.area-conteudo .social-share a{
    color: #FCBD34;
    text-decoration: none;
    font-size: 1.5rem;
    margin: 0.5rem 0.7rem;
}

.area-conteudo a{
    text-decoration: none;
    color: #3D2E0D;
}


/* Página  Pé e Tornozelo */
/* .page-id-43 .area-conteudo ul{ display: flex; flex-wrap: wrap; margin: 0; padding: 0; list-style: none; }

.page-id-43 .area-conteudo ul li{
    width: 240px;
    margin: 1rem;
    border: 1px solid rgb(61, 46, 13, .5);
    background: rgba(253, 214, 129, .5);
    color: #3D2E0D;
    padding: 1rem;
} */

.page-id-43 .box-item{
    padding: 0.5rem;
    margin-bottom: 2rem;
    min-height: 100%;
}

.page-id-43 .box-item img{
    display: block;
    margin: 0 auto;
    border-radius: 50%;
    border: 1px solid #FDD681;
    background: #fff;
    padding: 3px;
    -webkit-box-shadow: 0px 0px 10px 10px #FDD681; 
    box-shadow: 0px 0px 10px 10px #FDD681;
}

.page-id-43 .box-item h2{
    font-size: 1rem;
    font-weight: bold;
    margin: 2rem 0 1rem 0;
    text-align: center;
}

.page-id-43 .box-item p{ color: #3D2E0D; }


/* Área form busca */
.area-form-busca{ margin-bottom: 2rem; }

.area-form-busca button{
    background: #3D2E0D;
    color: #fff;
}

/* Lista de Categorias */
.lista-categorias{ margin-bottom: 2rem; }

.lista-categorias span{ display: inline-block; font-size: 1.3rem; color: #FCBD34; font-weight: bold; margin-bottom: 1rem; }

.lista-categorias ul { list-style: none; padding: 0; margin: 0; }
.lista-categorias ul li::before { content: "\2022"; color: #FCBD34; font-weight: bold; display: inline-block; width: 15px; }

.lista-categorias a{ color: #3D2E0D; text-decoration: none; }



/* Página Atendimento */
.area-conteudo .nav-tabs .nav-item button{
    color: #E3AA30;
    font-weight: bold;
    font-size: 1.3rem;
}

.page-atendimento{
    border-bottom: 1px dashed #ddd;
    padding-bottom: 1rem;
    margin-bottom: 3rem;
}
.page-atendimento .row{
    padding: 0.5rem 0;
    color: #3D2E0D;
}

.page-atendimento a{ text-decoration: none; color: #3D2E0D; }

.page-atendimento .icon{
    width: 50px;
    height: 50px;
    background: #3D2E0D;
    border-radius: 50%;
    padding: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
}

.page-atendimento .icon i{ color:#FDD681; }



/* Paginação */
.page-numbers{
    padding: 5px 8px;
    border-radius: 5px;
    background: #FCBD34;
    color: #fff;
    text-decoration: none;
}

.page-numbers:hover, .page-numbers.current{
    background: #3D2E0D;
    color: #fff;
}


/* Whatsapp Fixed */
.fixed-whatsapp {
	position: fixed;
	bottom: 15px;
	right: 25px;
	z-index: 99;
}

.fixed-whatsapp a{
    padding: 13px 15px;
    border-radius: 50%;
	background: #25D366;
	color: #FFF;
    text-decoration: none;
    display: block;
    transition: 0.5s;
}

.fixed-whatsapp a:hover{ background: #075E54; }

.pulse {
	position: absolute;
    top: 0;
    right: 0;
	font-size: 12px; 
	font-weight: bold;
	width: 18px;
	height: 18px;
	border-radius: 50%;
	background: red;
	color:#fff;
	box-shadow: 0 0 0 #E91E63;
	animation: pulse 2s infinite;
	z-index: 9999;
    text-align: center;
}


.pulse:hover { animation: none; }

@-webkit-keyframes pulse {
  0% { -webkit-box-shadow: 0 0 0 0 rgb(233, 30, 99, 1); }
  70% { -webkit-box-shadow: 0 0 0 10px rgba(233, 30, 99, 0); }
  100% { -webkit-box-shadow: 0 0 0 0 rgba(233, 30, 99, 0);  }
}
@keyframes pulse {
  0% { -moz-box-shadow: 0 0 0 0 rgba(233, 30, 99, 0.6); box-shadow: 0 0 0 0 rgba(233, 30, 99, 0.6);  }
  70% { -moz-box-shadow: 0 0 0 10px rgba(233, 30, 99, 0); box-shadow: 0 0 0 10px rgba(233, 30, 99, 0);  }
  100% { moz-box-shadow: 0 0 0 0 rgba(233, 30, 99, 0); box-shadow: 0 0 0 0 rgba(233, 30, 99, 0);  }
}




/* Footer */
.footer{
    background: #f9efda;
    padding: 0.5rem 0;
    color: #3D2E0D;
}

.footer a{ color: #3D2E0D; transition: 0.5s; }

.footer a:hover{ color: #FCBD34; }

.footer i{ width: 20px; text-align: center; }


/*---------------------------- WordPress Core ---------------------------------- */
.alignnone,.wp-caption.alignleft,.wp-caption.alignnone,a img.alignnone{margin:5px 20px 20px 0}.aligncenter,div.aligncenter{display:block;margin:5px auto}.alignright,a img.alignright{float:right;margin:5px 0 20px 20px}.alignleft,a img.alignleft{float:left;margin:5px 20px 20px 0}a img.aligncenter{display:block;margin-left:auto;margin-right:auto}.wp-caption{background:#fff;border:1px solid #f0f0f0;max-width:96%;padding:5px 3px 10px;text-align:center}.wp-caption.alignright{margin:5px 0 20px 20px}.wp-caption img{border:0;height:auto;margin:0;max-width:98.5%;padding:0;width:auto}.wp-caption p.wp-caption-text{font-size:11px;line-height:17px;margin:0;padding:0 4px 5px}.screen-reader-text{border:0;clip:rect(1px,1px,1px,1px);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute!important;width:1px;word-wrap:normal!important}.screen-reader-text:focus{background-color:#eee;clip:auto!important;clip-path:none;color:#444;display:block;font-size:1em;height:auto;left:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index:100000}

@media (max-width: 575.98px) {

    .alignright, .alignleft, a img.alignright, a img.alignleft { float:none; display: block; width: 100%; margin: 0 auto; }

    .area-conteudo ul li{ width: 100%; }

}