/*
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;}
/**/

/**/
body{overflow-x: hidden;}
@media(max-width: 1200px){
    .nossa-linha, .beneficios, .contato{overflow: hidden !important;}
}
/**/

/**/
.topo nav li a{background-color: #ffffff26; border: 1px solid #ffffff08; border-radius: 20px;}
.topo nav li a:hover{background-image: linear-gradient(180deg, #7cdf80 0%, #4caf50 100%); border: 1px solid #4caf50;}
.topo nav li a:before, .topo nav li a:after{display: none;}
.topo .elementor-icon{border: 1px solid #ffffff08;}
/**/

/**/
.fundo-blur{-webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px);}
/**/

/**/
@media(min-width: 1921px){.banner-principal{background-size: cover;}}
.banner-principal:after{width: 100%; height: 49px; content: ""; background-image: url(imagens/detalhe-banner-principal-desktop.svg); background-position: center; background-repeat: no-repeat; position: absolute; background-size: 1920px; left: 0; bottom: 0; z-index: 1;}
@media(min-width: 1921px){.banner-principal:after{box-shadow: 750px 0 0 0 #090909 inset, -750px 0 0 0 #090909 inset;}}
@media(min-width: 2900px){.banner-principal:after{box-shadow: 1000px 0 0 0 #090909 inset, -1000px 0 0 0 #090909 inset;}}
@media(max-width: 450px){.banner-principal:after{height: 30px; background-size: 478px; background-image: url(imagens/detalhe-banner-principal-mobile.svg);}}
/**/

/**/
@media(min-width: 1921px){.produtos-campeoes{background-size: cover;}}
/**/

/**/
.btn-topico .elementor-icon-wrapper{width: 60px; height: 60px; background-color: #f5f7f9; border-radius: 30px 0 0 0;}
.btn-topico .elementor-icon-wrapper:before, .btn-topico .elementor-icon-wrapper:after{width: 80%; height: 80%; content: ""; position: absolute; border-radius: 20px; box-shadow: inset -30px -30px 0 0 #f5f7f9;}
.btn-topico .elementor-icon-wrapper:before{top: -18px; right: -30px;}
.btn-topico .elementor-icon-wrapper:after{bottom: -30px; left: -18px;}
.btn-topico .elementor-icon-wrapper a{width: 50px; height: 50px; background-color: #fff; box-shadow: 0 0 0 1px #eaeef3 inset; border-radius: 100%; position: absolute; right: 0; bottom: 0; z-index: 2; display: flex; align-items: center; justify-content: center; padding: 0;}
.btn-topico .elementor-icon-wrapper a:hover{background-color: transparent; background-image: linear-gradient(180deg, #7cdf80 0%, #4caf50 100%); box-shadow: none;}
.btn-topico .elementor-icon-wrapper a svg{transition: transform 0.2s ease-in-out;}
.btn-topico .elementor-icon-wrapper a:hover svg{transform: rotate(360deg) !important;}
/**/

/* ANIMAÇÕES */
/*.box-produto img{filter: drop-shadow(0 10px 15px rgb(34 48 53 / 50%));}*/
.flutuar-1{animation: flutuarImg1 6s ease-in-out infinite; position: relative;}
.flutuar-2{animation: flutuarImg2 7s ease-in-out infinite; position: relative;}
.flutuar-3{animation: flutuarImg3 8s ease-in-out infinite; position: relative;}
.flutuar-4{animation: flutuarImg4 9s ease-in-out infinite; position: relative;}
.flutuar-5{animation: flutuarImg5 6s ease-in-out infinite; position: relative;}
.flutuar-6{animation: flutuarImg6 7s ease-in-out infinite; position: relative;}
.flutuar-7{animation: flutuarImg7 8s ease-in-out infinite; position: relative;}
.flutuar-8{animation: flutuarImg8 9s ease-in-out infinite; position: relative;}

@keyframes flutuarImg1{0%{transform: translate(0px, 0px);}25%{transform: translate(5px, -8px);}50%{transform: translate(0px, -4px);}75%{transform: translate(-4px, -10px);}100%{transform: translate(0px, 0px);}}
@keyframes flutuarImg2{0%{transform: translate(0px, 0px);}25%{transform: translate(-6px, -6px);}50%{transform: translate(-3px, -3px);}75%{transform: translate(4px, -7px);}100%{transform: translate(0px, 0px);}}
@keyframes flutuarImg3{0%{transform: translate(0px, 0px);}25%{transform: translate(4px, -5px);}50%{transform: translate(0px, -2px);}75%{transform: translate(-3px, -6px);}100%{transform: translate(0px, 0px);}}
@keyframes flutuarImg4{0%{transform: translate(0px, 0px);}25%{transform: translate(-5px, -7px);}50%{transform: translate(-2px, -3px);}75%{transform: translate(3px, -8px);}100%{transform: translate(0px, 0px);}}
@keyframes flutuarImg5{0%{transform: translate(0px, 0px);}25%{transform: translate(5px, -8px);}50%{transform: translate(0px, -4px);}75%{transform: translate(-4px, -10px);}100%{transform: translate(0px, 0px);}}
@keyframes flutuarImg6{0%{transform: translate(0px, 0px);}25%{transform: translate(-6px, -6px);}50%{transform: translate(-3px, -3px);}75%{transform: translate(4px, -7px);}100%{transform: translate(0px, 0px);}}
@keyframes flutuarImg7{0%{transform: translate(0px, 0px);}25%{transform: translate(4px, -5px);}50%{transform: translate(0px, -2px);}75%{transform: translate(-3px, -6px);}100%{transform: translate(0px, 0px);}}
@keyframes flutuarImg8{0%{transform: translate(0px, 0px);}25%{transform: translate(-5px, -7px);}50%{transform: translate(-2px, -3px);}75%{transform: translate(3px, -8px);}100%{transform: translate(0px, 0px);}}

.flutuar-cima-baixo{animation: flutuarCimaBaixo 2s ease-in-out infinite; position: relative;}
@keyframes flutuarCimaBaixo{0%{transform: translate(0px, 0px);}25%{transform: translate(0px, -5px);}50%{transform: translate(0px, 5px);}75%{transform: translate(0px, -5px);}100%{transform: translate(0px, 0px);}}

.flutuar-luva{animation: flutuarLuva 5s ease-in-out infinite; position: relative;}
@keyframes flutuarLuva{0%{transform: translate(0px, 0px);}25%{transform: translate(0px, -5px);}50%{transform: translate(0px, 5px);}75%{transform: translate(0px, -5px);}100%{transform: translate(0px, 0px);}}

/**/

/* FORMATAÇÃO CONTACT FORM 7 */
.wrapp-formulario .wpcf7-form *{font-family: "Montserrat", Sans-serif; margin: 0; padding: 0; box-sizing: border-box;}

.wrapp-formulario .wpcf7-form .formulario{width: 100%; max-width: 710px; margin: 0 auto;}

.wrapp-formulario .wpcf7-form .passos{width: 100%; display: none; -webkit-animation: 0.5s linear 1 fadeInDown; -moz-animation: 0.5s linear 1 fadeInDown; -o-animation: 0.5s linear 1 fadeInDown; animation: 0.5s linear 1 fadeInDown;}

.wrapp-formulario .wpcf7-form .marcador-de-passos{width: 100%;  margin-bottom: 35px;}
.wrapp-formulario .wpcf7-form .marcador-de-passos p{color: #fff; font-size: 14px; font-weight: 500;margin-bottom: 0;}
.wrapp-formulario .wpcf7-form .marcador-de-passos .itens{width: 100%; display: flex; gap: 5px; margin-bottom: 10px;}
.wrapp-formulario .wpcf7-form .marcador-de-passos .itens .item{width: 100%; height: 5px; background-color: #d7d7d7;}
.wrapp-formulario .wpcf7-form .marcador-de-passos .itens .item.ok{background-color: #76d37a;}

.wrapp-formulario .wpcf7-form h2{color: #fff; font-size: 32px; font-weight: 700; line-height: 40px; margin-bottom: 30px; text-transform: uppercase;}
.wrapp-formulario .wpcf7-form h3{color: #fff; font-size: 20px; font-weight: 500; line-height: 30px; margin-bottom: 30px; text-transform: uppercase;}
.wrapp-formulario .wpcf7-form h4{color: #fff; font-size: 20px; font-weight: 700; line-height: 30px; margin-bottom: 30px; text-transform: uppercase;}

.wrapp-formulario .wpcf7-form em{width: 100%; display: block; margin: -25px 0 0 0; color: #303030; font-size: 16px; font-weight: 500; line-height: 22px; background-color: #d6f4b4; padding: 6px 15px 5px 15px; border-radius: 5px;}
.wrapp-formulario .wpcf7-form em strong{font-weight: 800;}
.wrapp-formulario .wpcf7-form em b{font-style: normal;}

.wrapp-formulario .wpcf7-form .botoes{width: 100%; margin-top: 25px; position: relative;}
.wrapp-formulario .wpcf7-form .botoes p{width: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 20px;}
.wrapp-formulario .wpcf7-form .botoes p i.continuar{width: 100%; height: 80px; color: #fff; font-size: 22px; font-weight: 800; font-style: normal; background-color: #4caf50; border-radius: 10px; display: flex; align-items: center; justify-content: center; text-align: center; cursor: pointer;}
.wrapp-formulario .wpcf7-form .botoes p i.continuar:hover{background-color: #0080ae;}
.wrapp-formulario .wpcf7-form .botoes p i.voltar{color: #fff; font-size: 16px; font-style: normal; font-weight: 600; cursor: pointer;}
.wrapp-formulario .wpcf7-form .botoes p i.voltar:hover{color: #ffc107;}

.wrapp-formulario .wpcf7-form p{position: relative;}
.wrapp-formulario .wpcf7-form p span{width: 100%; display: block;}
.wrapp-formulario .wpcf7-form p span label{width: 100%; height: 80px; background-image: linear-gradient(180deg, #ffffff 0%, #d9d9d9 100%); margin-bottom: 10px; padding: 15px; border-radius: 10px; display: flex; align-items: center; justify-content: center; text-align: center; font-size: 22px; font-weight: 700; cursor: pointer; color: #303030; text-transform: uppercase;}
.wrapp-formulario .wpcf7-form p span label:hover{background-image: linear-gradient(180deg, #ffffff 0%, #e2f1e2 100%);}

.wrapp-formulario .wpcf7-form p span[data-name="preferencia_contato"] label{}
.wrapp-formulario .wpcf7-form p span[data-name="preferencia_contato"] label span.wpcf7-list-item-label{width: auto;}

.wrapp-formulario .wpcf7-form p span[data-name="preferencia_contato"] label:before{width: 30px; min-width: 30px; height: 30px; background-color: #c9c9c9; background-position: center; background-repeat: no-repeat; background-size: 100%; content: ""; border-radius: 100%; margin-right: 10px;}
.wrapp-formulario .wpcf7-form p span[data-name="preferencia_contato"] span.first label:before{background-image: url(imagens/icone-whatsapp.jpg);}
.wrapp-formulario .wpcf7-form p span[data-name="preferencia_contato"] span.last label:before{background-image: url(imagens/icone-telefone.jpg);}

.wrapp-formulario .wpcf7-form p span input[type="text"], .wrapp-formulario .wpcf7-form p span input[type="tel"]{width: 100%; height: 80px; background-color: #fff; border: 2px solid #00000045; border-radius: 10px; margin-bottom: 20px; color: #4caf50; font-size: 22px; font-weight: 700; padding: 0 0 0 20px; outline: none;}
.wrapp-formulario .wpcf7-form p span input[type="tel"], .wrapp-formulario .wpcf7-form p span input[name="cep"], .wrapp-formulario .wpcf7-form p span input[name="complemento"]{margin-bottom: 0 !important;}
.wrapp-formulario .wpcf7-form p span input[type="radio"]{width: 0; height: 0;}

.wrapp-formulario .wpcf7-form .endereco p{width: 100%; display: flex; flex-direction: row; flex-wrap: wrap;}
.wrapp-formulario .wpcf7-form .endereco p span[data-name="rua"]{width: 75%; padding: 0 10px 0 0;}
.wrapp-formulario .wpcf7-form .endereco p span[data-name="numero"]{width: 25%; padding: 0 0 0 10px;}
.wrapp-formulario .wpcf7-form .endereco p span[data-name="bairro"]{width: 50%; padding: 0 10px 0 0;}
.wrapp-formulario .wpcf7-form .endereco p span[data-name="cidade"]{width: 50%; padding: 0 0 0 10px;}

.wrapp-formulario .wpcf7-form .informacoes{width: 100%; background-color: #f4ffe8; border-radius: 10px; padding: 25px;}
.wrapp-formulario .wpcf7-form .informacoes .box{width: 100%; display: flex; flex-direction: column; flex-wrap: wrap; gap: 5px;}
.wrapp-formulario .wpcf7-form .informacoes .box h3{color: #303030; font-size: 18px; font-weight: 400; line-height: 30px; margin: 0; text-transform: none; border-bottom: 1px dashed #dfebcf; padding-bottom: 4px;}
.wrapp-formulario .wpcf7-form .informacoes .box h3:last-child{border: none; padding-bottom: 0;}
.wrapp-formulario .wpcf7-form .informacoes .box h3 span{font-weight: 700;}

.wrapp-formulario .wpcf7-form p input[type="submit"]{width: 100%; height: 80px; color: #fff; font-size: 25px; font-weight: 800; background-color: transparent; background-image: linear-gradient(180deg, #99ed9d 0%, #4caf50 100%); border-radius: 10px; padding: 0 10px; border: none; outline: none; text-transform: uppercase;}
.wrapp-formulario .wpcf7-form p input[type="submit"]:hover{background-image: linear-gradient(180deg, #41a8fb 0%, #1785dd 100%);}

.wrapp-formulario .wpcf7-form p span.wpcf7-spinner{width: 50px; height: 50px; position: absolute; left: 50%; bottom: 0; margin: 0 0 0 -25px;}

.wrapp-formulario .wpcf7-form p span .erro{border: 2px solid #f44336 !important;}

.wrapp-formulario .wpcf7-form .wpcf7-not-valid{border: 2px solid #f44336 !important;}
.wrapp-formulario .wpcf7-form .wpcf7-not-valid-tip{display: none !important;}

.wrapp-formulario .wpcf7-form .sucesso{}
.wrapp-formulario .wpcf7-form .sucesso img{width: 100%; max-width: 522px; height: auto; margin: 0 auto 35px; display: block;}
.wrapp-formulario .wpcf7-form .sucesso h2{font-size: 36px; margin-bottom: 20px; text-align: center;}
.wrapp-formulario .wpcf7-form .sucesso h4{max-width: 550px; font-size: 24px; font-weight: 700; line-height: 34px; margin: 0 auto 0; text-transform: uppercase; text-align: center;}

.wrapp-formulario .wpcf7-form p span *::-webkit-input-placeholder{color: #555; font-weight: 500;}
.wrapp-formulario .wpcf7-form p span *:-moz-placeholder{color: #555; font-weight: 500;}
.wrapp-formulario .wpcf7-form p span *::-moz-placeholder{color: #555; font-weight: 500;}
.wrapp-formulario .wpcf7-form p span *:-ms-input-placeholder{color: #555; font-weight: 500;}

.wrapp-formulario .wpcf7-form .wpcf7-response-output{margin: 75px 0 0 0 !important; padding: 10px !important; text-align: center; font-size: 18px; font-weight: 700; line-height: 20px; color: #99847f;}
.wrapp-formulario .wpcf7-form.invalid .wpcf7-response-output{color: #f44336; border-color: #f44336 !important;}
.wrapp-formulario .wpcf7-form.sent .wpcf7-response-output{color: #4caf50; border-color: #4caf50 !important; display: none !important;}

.fadeInDown{-webkit-animation:1s linear 1 fadeInDown; -moz-animation:1s linear 1 fadeInDown; -o-animation:1s linear 1 fadeInDown; animation:1s linear 1 fadeInDown;}
@-webkit-keyframes fadeInDown{0%{opacity:0; -webkit-transform:translateY(-20px);}100%{opacity:1; -webkit-transform:translateY(0);}}
@-moz-keyframes fadeInDown{0%{opacity:0; -moz-transform:translateY(-20px);}100%{opacity:1; -moz-transform:translateY(0);}}
@-o-keyframes fadeInDown{0%{opacity:0; -o-transform:translateY(-20px);}100%{opacity:1; -o-transform:translateY(0);}}
@keyframes fadeInDown{0%{opacity:0; transform:translateY(-20px);}100%{opacity:1; transform:translateY(0);}}

@media(max-width:767px){
    .wrapp-formulario .wpcf7-form .marcador-de-passos{margin-bottom: 15px;}
    .wrapp-formulario .wpcf7-form h2{font-size: 18px; line-height: 24px; margin-bottom: 15px;}
    .wrapp-formulario .wpcf7-form h3{font-size: 18px; line-height: 24px;}
    .wrapp-formulario .wpcf7-form h4{font-size: 18px; line-height: 24px;}
    .wrapp-formulario .wpcf7-form h5{font-size: 16px; line-height: 22px;}

    .wrapp-formulario .wpcf7-form em{margin: -10px 0 0 0; font-size: 12px; line-height: 16px; padding: 8px 10px 8px 10px;}

    .wrapp-formulario .wpcf7-form .botoes{margin-top: 10px;}
    .wrapp-formulario .wpcf7-form .botoes p i.continuar{width: 100%; height: 50px; font-size: 16px;}
    .wrapp-formulario .wpcf7-form .botoes p i.voltar{font-size: 14px;}
    .wrapp-formulario .wpcf7-form p span label{height: 60px; font-size: 16px;}
    .wrapp-formulario .wpcf7-form p span input[type="text"], .wrapp-formulario .wpcf7-form p span input[type="tel"]{height: 60px; margin-bottom: 10px; font-size: 14px; line-height: 22px; padding: 0 0 0 10px;}
    .wrapp-formulario .wpcf7-form .endereco p span[data-name="rua"]{width: 65%; padding: 0 5px 0 0;}
    .wrapp-formulario .wpcf7-form .endereco p span[data-name="numero"]{width: 35%; padding: 0 0 0 5px;}
    .wrapp-formulario .wpcf7-form .endereco p span[data-name="bairro"]{width: 100%; padding: 0;}
    .wrapp-formulario .wpcf7-form .endereco p span[data-name="cidade"]{width: 100%; padding: 0;}
    .wrapp-formulario .wpcf7-form .informacoes{padding: 15px;}
    .wrapp-formulario .wpcf7-form .informacoes .box{gap: 10px 25px;}
    .wrapp-formulario .wpcf7-form .informacoes .box h3{font-size: 14px; line-height: 20px;}
    .wrapp-formulario .wpcf7-form p input[type="submit"]{height: 50px; font-size: 20px;}
}
/**/

/* CORRIGE BUG DE LISTAGEM DE POSTS DO ELEMENTOR */
@media(max-width:767px){.lista-posts .e-con-inner{flex-wrap: nowrap !important;}}
/**/

/* BLOCO DE TEXTO ELEMENTOR */
.elementor-widget-text-editor p{margin: 0 !important;}
/**/