/*
Theme Name: Hello Elementor Child
Description: Desenvolvido por Cayo JS
Author: Cayo JS
Author URI: https://cayojs.com.br
Template: hello-elementor
Version: 2.0.0
*/

/**/
::-webkit-scrollbar-track{background-color: #333;}
::-webkit-scrollbar{width:0; background-color: #333;}
::-webkit-scrollbar-thumb{background-color: #111;}
/**/

/**/
:root{background-color: #000; color: #fff;}
/**/

/**/
.menu-internas a{color: #fff !important;}
.menu-internas a:hover{color: #51f2f9 !important;}

.menu-site > div.elementor-widget-heading a{position: relative;}
.menu-site > div.elementor-widget-heading a:after, .menu-site > div.drop-down > div > p > a:after{width: 100%; height: 3px; display: none; background-color: #51f2f9; content: ""; position: absolute; left: 0; bottom: -5px;}
.menu-site > div.elementor-widget-heading a:hover:after, .menu-site > div.drop-down > div > p > a:hover:after{display: flex;}

.menu-site > div.elementor-widget-heading, .menu-site > div.drop-down{height: 60px; display: flex; align-items: center; justify-content: center; text-align: center;}
.menu-site .sub-menu{display:none; position: absolute; left: 0; top: 50px;}
.menu-site > .drop-down:hover .sub-menu{display:flex;}

@media(max-width:1024px){
    .ehf-header #masthead{z-index: 200;}
    .menu-site{width: 100%; height: 100%; position: fixed; right: -100%; top: 0; z-index: 100000; background-color: #e4ebeb;}
    .menu-site.ativo{right: 0;}
    .menu-internas{background-color: #953e35;}

    .menu-site > div.elementor-widget-heading{height: auto !important;}
    .menu-site > .drop-down{height: auto !important; flex-direction: row;}
    .menu-site .sub-menu{width: 100%; display:flex; position: relative; top: 15px;}
}
/**/

/**/
.wpcf7-form p{margin: 0; position: relative;}
.wpcf7-form p span{width: 100%; display: block;}
.wpcf7-form p span input[type="text"], .wpcf7-form p span input[type="email"], .wpcf7-form p span input[type="tel"]{width: 100%; height: 60px; background-color: #ffffff3b; border: 3px solid #ffffff0f; border-radius: 25px; margin: 0 0 15px 0; color: #51ef57; font-family: "Roboto", Sans-serif; font-size: 22px; font-weight: 700; padding: 0 0 0 20px; outline: none;}
.wpcf7-form p span textarea{width: 100%; height: 150px; background-color: #ffffff3b; border: 3px solid #ffffff0f; border-radius: 25px; margin: 0; color: #51ef57; font-family: "Roboto", Sans-serif; font-size: 22px; font-weight: 700; line-height: 26px; padding: 15px 10px 0 20px; outline: none; resize: none;}
.wpcf7-form p input[type="submit"]{width: 100%; height: 60px; color: #fff; font-family: "Roboto", Sans-serif; font-size: 28px; font-weight: 700; background-color: transparent; background-image: linear-gradient(180deg, #7cdf80 0%, #4caf50 100%); border-radius: 25px; padding: 0 10px; border: none; outline: none; text-transform: uppercase; margin: 10px 0 0 0;}
.wpcf7-form p input[type="submit"]:hover{background-image: linear-gradient(180deg, #41a8fb 0%, #1785dd 100%);}
.wpcf7-form p span.wpcf7-spinner{width: 50px; height: 50px; position: absolute; left: 50%; bottom: 0; margin: 0 0 0 -25px;}
.wpcf7-form .wpcf7-not-valid{border: 3px solid #f44336 !important;}
.wpcf7-form .wpcf7-not-valid-tip{display: none !important;}
.wpcf7-form p span *::-webkit-input-placeholder{color: #fff;}
.wpcf7-form p span *:-moz-placeholder{color: #fff;}
.wpcf7-form p span *::-moz-placeholder{color: #fff;}
.wpcf7-form p span *:-ms-input-placeholder{color: #fff;}
.wpcf7-form .wpcf7-response-output{margin: 15px 0 0 0 !important; padding: 10px !important; text-align: center; font-family: "Roboto", Sans-serif; font-size: 18px; font-weight: 700; line-height: 20px; color: #99847f;}
.wpcf7-form.invalid .wpcf7-response-output{color: #f44336; border-color: #f44336 !important;}
.wpcf7-form.sent .wpcf7-response-output{color: #4caf50; border-color: #4caf50 !important;}
@media(max-width:767px){
    .wpcf7-form p span input[type="text"], .wpcf7-form p span input[type="email"], .wpcf7-form p span input[type="tel"]{margin: 0 0 10px 0; font-size: 18px; line-height: 22px;}
    .wpcf7-form p span textarea{height: 120px; font-size: 18px; line-height: 22px;}
    .wpcf7-form p input[type="submit"]{font-size: 22px; margin: 5px 0 0 0;}
}
/**/

/* BLOCO DE TEXTO ELEMENTOR */
.elementor-widget-text-editor strong{font-weight: 500 !important;}
.elementor-widget-text-editor p:last-child{margin: 0 !important;}
/**/

/* CORRIGE ESPAÇAMENTO INTERNOS DOS ÍCONES DO ELEMENTOR */
.elementor-widget-icon .elementor-icon-wrapper{display: flex;}
/**/

/**/
.wrapp-floating-play{width: 0; height: 0; position: absolute; left: 50%; top: 50%;}

#floating-play{width: 180px; height: 180px; background-color: #47928a; display: flex; align-items: center; justify-content: center; position: absolute; left: 50%; top: 50%; z-index: 1; margin: -90px 0 0 -90px; border-radius: 100%; cursor: pointer;}

#floating-play svg{width: 45px; height: auto; position: relative; left: 5px; z-index: 2;}

#floating-play i{width: 160px; height: 160px; content: ""; position: absolute; z-index: 1; background-color: #47928a; border-radius: 100%; -webkit-animation: pulse 3s ease-out infinite; animation: pulse 3s ease-out infinite;}
#floating-play i:nth-child(2){-webkit-animation-delay: 2s; animation-delay: 2s;}
#floating-play i:nth-child(3){-webkit-animation-delay: 1s; animation-delay: 1s;}

.sessao-video:hover #floating-play, .sessao-video:hover #floating-play i{background-color: #2e4d90;}

@-webkit-keyframes pulse{100%{-webkit-transform: scale(2); opacity: 0;}}
@keyframes pulse{100%{transform: scale(2); opacity: 0;}}

.modal-video{width: 100%; height: 100%; position: fixed; left: 0; top: 0; z-index: 100000000001; display: flex; align-items: center; justify-content: center;}
.modal-video .wrapp-video{width: 100%; max-width: 1000px; height: auto; position: relative; z-index: 2; display: flex; padding: 20px;}
.modal-video .fechar-modal-video{width: 40px; height: 40px; position: absolute; right: 0; top: 5px; z-index: 10; background-color: #f44336; background-image: url(https://dramelissapolaro.com.br/wp-content/uploads/2026/07/fechar-video.webp); background-position: center; background-repeat: no-repeat; background-size: 20px; border-radius: 100%; cursor: pointer;}
.modal-video video{width: 100%; height: auto; border: 2px solid #333; border-radius: 20px;}
.modal-video .fundo-modal-video{width: 100%; height: 100%; position: fixed; left: 0; top: 0; z-index: 1; background-color: #000000eb;}

@media (min-width: 768px) and (max-height: 600px){.modal-video .wrapp-video{max-width: 800px;}}
@media (min-width: 768px) and (max-height: 480px){.modal-video .wrapp-video{max-width: 700px;}}

@media(max-width:767px){
    #floating-play{width: 80px; height: 80px; margin: -40px 0 0 -40px;}
    #floating-play svg{width: 30px;}
    #floating-play i{width: 80px; height: 80px;}

    .modal-video .wrapp-video{height: auto; align-items: center; justify-content: center; padding: 10px;}
    .modal-video .fechar-modal-video{width: 25px; height: 25px; right: 0; top: 0; background-size: 11px;}
    .modal-video video{width: 100%; height: auto;}
}
/**/

/**/
.imagem-grande img{opacity:1; transform:translateY(0);}
.imagem-grande img.fade-in-down{animation:fadeInDown .45s ease;}
@keyframes fadeInDown{from{opacity:0; transform:translateY(-30px);} to{opacity:1; transform:translateY(0);}}
@media(max-width:767px){
    .anterior .elementor-icon, .proxima .elementor-icon{background-color: #fff;}
}
/**/

/**/
.box-tratamento:after{width: 100%; height: 100%; content: ""; position: absolute; left: 0; top: 0; z-index: 2; background-image: linear-gradient(180deg, transparent 0%, #354c55 100%);}
.box-tratamento:hover:after{background-image: linear-gradient(180deg, transparent 0%, #2e8589 100%);}

.box-tratamento.marrom:after{background-image: linear-gradient(180deg, transparent 0%, #953e35 100%);}
.box-tratamento.marrom:hover:after{background-image: linear-gradient(180deg, transparent 0%, #2e8589 100%);}

.box-tratamento .elementor-heading-title{width: 100%; height: 100px; margin: -150px 0 0 0 !important; display: flex; align-items: flex-end; justify-content: center; text-align: center;}
@media(max-width: 767px){
.box-tratamento .elementor-heading-title{height: 50px; margin: -80px 0 0 0 !important;}
}
/**/

/**/
.banner-secundario .elementor-heading-title span{background-color: #2e8589; border-radius: 100px; padding: 0 25px 10px 25px; display: table; margin: 0 auto 0;}
.banner-secundario:after{width: 100%; height: 100%; content: ""; position: absolute; left: 0; top: 0; z-index: 1; background-image: linear-gradient(-90deg, transparent 0%, #953e35 70%);}
@media(max-width:767px){
.banner-secundario .elementor-heading-title span{padding: 0 25px 5px 25px; margin: 10px auto 0; line-height: 36px;}
}
/**/

/**/
/* Quando estiver aberto */
details[open] summary{
    border-radius: 10px 10px 0 0 !important;
}
/**/

/**/
.sessao-breadcrumbs{background-color: #f4f2f6; padding-left: 20px; padding-right: 20px;}
.sessao-breadcrumbs > .e-con-inner{height: 65px; display: flex; padding: 10px 0; flex-direction: row !important; align-items: center !important;}
#breadcrumbs a{color: #2e8589 !important;}
#breadcrumbs a:hover{color: #953e35 !important;}
@media(max-width:1200px){
    .sessao-breadcrumbs{padding-left: 10px; padding-right: 10px;}
    .sessao-breadcrumbs > .e-con-inner{height: auto; padding: 10px 0; justify-content: center !important; text-align: center;}
}
/**/

/**/
.cta-whatsapp{height: 0 !important;}
#floating-whatsapp{width: 60px; height: 60px; background-color: #4caf50; display: flex; align-items: center; justify-content: center; position: absolute; right: 20px; bottom: 15px; z-index: 1; border-radius: 100%;}
#floating-whatsapp svg{width: 34px; height: auto; position: relative; z-index: 2;}
#floating-whatsapp svg path {fill: #fff;}
#floating-whatsapp i{width: 50px; height: 50px; content: ""; position: absolute; z-index: 1; background-color: #4caf50; border-radius: 100%; -webkit-animation: pulse 3s ease-out infinite; animation: pulse 3s ease-out infinite;}
#floating-whatsapp i:nth-child(2){-webkit-animation-delay: 2s; animation-delay: 2s;}
#floating-whatsapp i:nth-child(3){-webkit-animation-delay: 1s; animation-delay: 1s;}
@media(max-width:767px){
    #floating-whatsapp{width: 40px; height: 40px; right: 15px; bottom: 10px;}
    #floating-whatsapp svg{width: 28px;}
    #floating-whatsapp i{width: 40px; height: 40px;}
}
/**/

/**/
main#content{width: 100%; max-width: 100%; padding: 0; margin: 0;}
/**/

/* SINGLE */
.image-post img{border-radius: 20px; box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);}
/**/

/**/
.blog-posts-cards{display: grid; grid-template-columns: repeat(3, 1fr); gap: 30px;}
.blog-posts-cards .blog-post-item{width: 100%; background-color: #e4ebeb; overflow: hidden; border-radius: 20px;}
.blog-posts-cards .blog-post-image{display: block;}
.blog-posts-cards .blog-post-image img{width: 100%; height: 250px; object-fit: cover; display: block;}
.blog-posts-cards .blog-post-content{width: 100%; padding: 20px 20px 35px 20px;}
.blog-posts-cards .blog-post-content *{font-family: "Montserrat", Sans-serif;}
.blog-posts-cards .blog-post-title{margin: 0 0 10px 0; text-align: center; font-size: inherit; line-height: inherit;}
.blog-posts-cards .blog-post-title a{font-size: 20px; font-weight: 600; color: #233942; line-height: 30px; text-decoration: none;}
.blog-posts-cards .blog-post-excerpt p{font-size: 16px; font-weight: 500; text-align: center; color: #233942; line-height: 26px; margin: 0;}
.blog-posts-cards .blog-post-link{width: 100%; max-width: 200px; display: block; background-color: #2e8589; font-size: 18px; font-weight: 500; color: #fff !important; line-height: 16px; text-align: center; border-radius: 100px; padding: 22px 0; margin: 20px auto 0;}
.blog-posts-cards .blog-post-link:hover{background-color: #32abb1;}

.blog-pagination{width: 100%;}
.blog-pagination ul{width: 100%; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center; gap: 10px; margin: 30px 0 0 0; padding: 0; list-style: none;}
.blog-pagination ul li{display: flex;}
.blog-pagination ul li *{font-family: "Montserrat", Sans-serif;}
.blog-pagination ul li a{font-size: 12px; font-weight: 600; color: #fff; background-color: #2e8589; padding: 5px 10px; border-radius: 10px;}
.blog-pagination ul li a:hover{background-color: #32abb1;}
.blog-pagination ul li span{font-size: 12px; font-weight: 600; color: #233942; background-color: #e4ebeb; padding: 5px 10px; border-radius: 10px;}

@media(max-width: 1024px){
    .blog-posts-cards{grid-template-columns: repeat(2, 1fr);}
}
@media(max-width: 767px){
    .blog-posts-cards{grid-template-columns: 1fr;}
    .blog-posts-cards .blog-post-image img{height: 150px;}
    .blog-posts-cards .blog-post-title a{font-size: 16px; line-height: 24px;}
    .blog-posts-cards .blog-post-excerpt p{font-size: 14px; line-height: 22px;}
    .blog-posts-cards .blog-post-link{font-size: 16px; padding: 15px 30px 15px 30px;}
}
/**/

/**/
.blog-posts-cards.blog-search-results{grid-template-columns: repeat(2, 1fr);}
@media(max-width: 767px){
    .blog-posts-cards.blog-search-results{grid-template-columns: 1fr;}
}
/**/

/**/
.last-posts-list{display: flex; flex-direction: column; gap: 15px;}
.last-posts-list .blog-post-item{width: 100%; background-color: #ac6058; overflow: hidden; border-radius: 20px; display: flex;}
.last-posts-list .blog-post-image{width: 200px; height: 100%; display: flex; align-items: center; justify-content: center; text-align: center;}
.last-posts-list .blog-post-image img{width: 100%; height: 120px; object-fit: cover; display: block;}
.last-posts-list .blog-post-content{width: 100%; padding: 10px; display: flex; align-items: center;}
.last-posts-list .blog-post-content *{font-family: "Montserrat", Sans-serif;}
.last-posts-list .blog-post-title{margin: 0; font-size: inherit; line-height: inherit;}
.last-posts-list .blog-post-title a{font-size: 14px; font-weight: 600; color: #fff; line-height: 24px; text-decoration: none;}
@media(max-width: 1200px){
    .last-posts-list .blog-post-image{width: 150px;}
}
@media(max-width: 767px){
    .last-posts-list{gap: 10px;}
}
/**/

/**/
.blog-all-tags{width: 100%; display: flex; flex-direction: row; flex-wrap: wrap; gap: 5px;}
.blog-all-tags a.blog-tag-item{font-family: "Montserrat", Sans-serif; font-size: 12px; font-weight: 600; color: #fff; background-color: #ac6058; padding: 5px 10px; border-radius: 10px;}
.blog-all-tags a.blog-tag-item:hover{background-color: #42c069;}
/**/