.elementor-488 .elementor-element.elementor-element-8e584a8{--display:flex;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-488 .elementor-element.elementor-element-6abcbcb{width:var( --container-widget-width, 20em );max-width:20em;--container-widget-width:20em;--container-widget-flex-grow:0;}.elementor-488 .elementor-element.elementor-element-6abcbcb.elementor-element{--align-self:center;--order:99999 /* order end hack */;}.elementor-488 .elementor-element.elementor-element-9b8e6c9{--display:flex;}.elementor-488 .elementor-element.elementor-element-fdca657 .elementor-button{background-color:#61CE70;font-size:18px;font-weight:600;fill:#000000;color:#000000;padding:15px 40px 15px 40px;}.elementor-488 .elementor-element.elementor-element-fdca657 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-488 .elementor-element.elementor-element-fdca657.elementor-element{--align-self:center;}.elementor-488 .elementor-element.elementor-element-cf7391d{--display:flex;}.elementor-488 .elementor-element.elementor-element-6931750{width:var( --container-widget-width, 20em );max-width:20em;--container-widget-width:20em;--container-widget-flex-grow:0;}.elementor-488 .elementor-element.elementor-element-6931750.elementor-element{--align-self:center;--order:99999 /* order end hack */;}.elementor-488 .elementor-element.elementor-element-4ecf1d5{--display:flex;--min-height:616px;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-488 .elementor-element.elementor-element-4b57cd1{width:initial;max-width:initial;}.elementor-488 .elementor-element.elementor-element-4b57cd1.elementor-element{--order:99999 /* order end hack */;}.elementor-488 .elementor-element.elementor-element-87b8c5e{--display:flex;}.elementor-488 .elementor-element.elementor-element-86b3f27{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-488 .elementor-element.elementor-element-dca49fb .elementor-button{font-family:"Unbounded", Sans-serif;font-size:16px;font-weight:400;line-height:1.4em;fill:#000000;color:#000000;}.elementor-488 .elementor-element.elementor-element-2fa4c8e > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-488 .elementor-element.elementor-element-22e0a1a{--display:flex;}.elementor-488 .elementor-element.elementor-element-f1b33d8 .elementor-button{background-color:#42112A;font-family:"Unbounded", Sans-serif;font-size:1rem;font-weight:400;line-height:120%;fill:#FFFFFF;color:#FFFFFF;padding:1.5rem 3.75rem 1.5rem 3.75rem;}.elementor-488 .elementor-element.elementor-element-f1b33d8.elementor-element{--align-self:center;}.elementor-488 .elementor-element.elementor-element-c86fbc5{--display:flex;}.elementor-488 .elementor-element.elementor-element-f49f6eb .elementor-button{background-color:#B2FE0200;font-family:"Unbounded", Sans-serif;font-size:16px;font-weight:400;fill:#7F95B0;color:#7F95B0;border-radius:0px 0px 0px 0px;padding:15px 35px 15px 35px;}.elementor-488 .elementor-element.elementor-element-f49f6eb.elementor-element{--align-self:center;}.elementor-488 .elementor-element.elementor-element-f49f6eb .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-488 .elementor-element.elementor-element-f49f6eb .elementor-button .elementor-button-content-wrapper{gap:11px;}.elementor-488 .elementor-element.elementor-element-947b9b7{--display:flex;}.elementor-488 .elementor-element.elementor-element-69fc7c8 .elementor-button{background-color:#B2FE0200;font-family:"Unbounded", Sans-serif;font-size:16px;font-weight:400;fill:#FFFFFF;color:#FFFFFF;border-radius:0px 0px 0px 0px;padding:18px 60px 18px 60px;}.elementor-488 .elementor-element.elementor-element-69fc7c8 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-488 .elementor-element.elementor-element-69fc7c8.elementor-element{--align-self:center;}.elementor-488 .elementor-element.elementor-element-682904a{--display:flex;}.elementor-488 .elementor-element.elementor-element-5c05c5e .elementor-button{background-color:#B2FE0200;font-family:"Unbounded", Sans-serif;font-size:16px;font-weight:400;line-height:15em;fill:#000000;color:#000000;border-radius:100px 100px 100px 100px;padding:20px 60px 20px 60px;}.elementor-488 .elementor-element.elementor-element-5c05c5e.elementor-element{--align-self:center;}.elementor-488 .elementor-element.elementor-element-b1b6325{--display:flex;}.elementor-488 .elementor-element.elementor-element-1dfcdee .elementor-button{background-color:#B2FE02;font-family:"Unbounded", Sans-serif;font-size:16px;font-weight:400;line-height:1.4em;fill:#080700;color:#080700;border-radius:5px 5px 5px 5px;padding:20px 40px 20px 40px;}.elementor-488 .elementor-element.elementor-element-1dfcdee{width:var( --container-widget-width, 562px );max-width:562px;--container-widget-width:562px;--container-widget-flex-grow:0;}.elementor-488 .elementor-element.elementor-element-1dfcdee.elementor-element{--align-self:center;}.elementor-488 .elementor-element.elementor-element-484edd1{--display:flex;}.elementor-488 .elementor-element.elementor-element-0e0523d.elementor-element{--align-self:center;}.elementor-488 .elementor-element.elementor-element-0e0523d .elementor-button{font-family:"Unbounded", Sans-serif;font-size:16px;font-weight:400;line-height:1.4em;padding:15px 45px 15px 045px;}.elementor-488 .elementor-element.elementor-element-ba83d83{--display:flex;}.elementor-488 .elementor-element.elementor-element-f86f8d5.elementor-element{--align-self:center;}.elementor-488 .elementor-element.elementor-element-bd68035{--display:flex;}.elementor-488 .elementor-element.elementor-element-e8bb9c2 .elementor-button{background-color:#1955ED;font-family:"Unbounded", Sans-serif;font-size:16px;font-weight:500;fill:#FFFFFF;color:#FFFFFF;border-radius:100px 100px 100px 100px;padding:24px 48px 24px 48px;}.elementor-488 .elementor-element.elementor-element-e8bb9c2 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:8px 0px 8px 0px;}.elementor-488 .elementor-element.elementor-element-e8bb9c2.elementor-element{--align-self:center;}.elementor-488 .elementor-element.elementor-element-e8bb9c2 .elementor-button-content-wrapper{flex-direction:row;}.elementor-488 .elementor-element.elementor-element-e1057d7{--display:flex;}.elementor-488 .elementor-element.elementor-element-de71edd{--display:flex;}.elementor-488 .elementor-element.elementor-element-4183eff .elementor-button{background-color:#1955ED;font-family:"Unbounded", Sans-serif;font-size:16px;font-weight:500;fill:#000000;color:#000000;border-radius:5px 5px 5px 5px;padding:24px 48px 24px 48px;}.elementor-488 .elementor-element.elementor-element-4183eff > .elementor-widget-container{margin:0px 0px 0px 0px;padding:8px 0px 8px 0px;}.elementor-488 .elementor-element.elementor-element-4183eff.elementor-element{--align-self:center;}.elementor-488 .elementor-element.elementor-element-bd5b973{--display:flex;}.elementor-488 .elementor-element.elementor-element-b79843d .elementor-button{background-color:#B2FE0200;font-family:"Syne", Sans-serif;font-size:20px;font-weight:500;line-height:1.4em;padding:20px 40px 20px 40px;}.elementor-488 .elementor-element.elementor-element-b79843d.elementor-element{--align-self:center;}.elementor-488 .elementor-element.elementor-element-cdd83f3{--display:flex;}.elementor-488 .elementor-element.elementor-element-e3ca195 .elementor-button{background-color:#B2FE0200;font-family:"Unbounded", Sans-serif;font-size:20px;font-weight:400;line-height:1.4em;padding:20px 60px 20px 070px;}.elementor-488 .elementor-element.elementor-element-e3ca195.elementor-element{--align-self:center;}.elementor-488 .elementor-element.elementor-element-acc9179{--display:flex;}.elementor-488 .elementor-element.elementor-element-0ce24fd .elementor-button{background-color:#B2FE0200;font-family:"Manrope", Sans-serif;font-size:16px;font-weight:700;text-transform:uppercase;line-height:1.4em;letter-spacing:0.1px;fill:#FFFFFF;color:#FFFFFF;padding:20px 40px 20px 40px;}.elementor-488 .elementor-element.elementor-element-0ce24fd.elementor-element{--align-self:center;}.elementor-488 .elementor-element.elementor-element-0ce24fd{z-index:2;}.elementor-488 .elementor-element.elementor-element-0ce24fd .elementor-button-content-wrapper{flex-direction:row;}.elementor-488 .elementor-element.elementor-element-0ce24fd .elementor-button .elementor-button-content-wrapper{gap:15px;}.elementor-488 .elementor-element.elementor-element-3d89f72{--display:flex;}.elementor-488 .elementor-element.elementor-element-1e2e430 .elementor-button{background-color:#B2FE0200;font-family:"Unbounded", Sans-serif;font-size:18px;font-weight:500;line-height:1.5em;border-radius:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-488 .elementor-element.elementor-element-1e2e430.elementor-element{--align-self:center;}@media(max-width:767px){.elementor-488 .elementor-element.elementor-element-4b57cd1{--container-widget-width:199%;--container-widget-flex-grow:0;width:var( --container-widget-width, 199% );max-width:199%;}.elementor-488 .elementor-element.elementor-element-dca49fb .elementor-button{font-size:14px;}.elementor-488 .elementor-element.elementor-element-f1b33d8.elementor-element{--align-self:center;}.elementor-488 .elementor-element.elementor-element-f1b33d8 .elementor-button{line-height:120%;padding:1.5rem 2rem 1.5rem 2rem;}.elementor-488 .elementor-element.elementor-element-1dfcdee .elementor-button{font-size:14px;padding:20px 31px 20px 31px;}.elementor-488 .elementor-element.elementor-element-0e0523d .elementor-button{font-size:18px;}.elementor-488 .elementor-element.elementor-element-e8bb9c2 .elementor-button{padding:16px 24px 16px 24px;}.elementor-488 .elementor-element.elementor-element-4183eff .elementor-button{padding:16px 24px 16px 24px;}.elementor-488 .elementor-element.elementor-element-b79843d .elementor-button{font-size:18px;}.elementor-488 .elementor-element.elementor-element-e3ca195 .elementor-button{font-size:18px;}.elementor-488 .elementor-element.elementor-element-0ce24fd .elementor-button{font-size:3vw;}.elementor-488 .elementor-element.elementor-element-1e2e430 .elementor-button{font-size:18px;}}/* Start custom CSS for button, class: .elementor-element-6abcbcb */.elementor-488 .elementor-element.elementor-element-6abcbcb .elementor-button {
    border-radius: 20px / 100% !important;
    box-shadow: inset 0 0 5px 5px #ffffff25, 0 5px 0 0 #2B55A1, 0 15px 10px 0 #00000050 !important;
    width: 100%;
    position: relative;
    background: rgb(61, 106, 255) !important;
    border: 1px solid rgb(61, 106, 255) !important;
    overflow: hidden;
    transition: all 0.2s ease-in;
}

.elementor-488 .elementor-element.elementor-element-6abcbcb .elementor-button:hover {
    background: rgb(61, 106, 255) !important;
    border: none;
    transition: all 0.3s ease-out;
    transform: scale(1.05);
}

.elementor-488 .elementor-element.elementor-element-6abcbcb .elementor-button:hover::before {
    animation: sh02 0.5s 0s linear;
}

.elementor-488 .elementor-element.elementor-element-6abcbcb .elementor-button::before {
    content: '';
    display: block;
    width: 0;
    height: 86%;
    position: absolute;
    top: 7%;
    left: 0;
    opacity: 0;
    background: #fff;
    box-shadow: 0 0 50px 30px #fff;
    transform: skewX(-20deg);
}

@keyframes sh02 {
    from {
        opacity: 0;
        left: 0;
    }
    50% {
        opacity: 1;
    }
    to {
        opacity: 0;
        left: 100%;
    }
}

.elementor-488 .elementor-element.elementor-element-6abcbcb .elementor-button:active {
    box-shadow: inset 0 0 5px 5px #ffffff25, 0 5px 0 0 #2B55A1, 0 10px 5px 0 #00000085 !important;
    transition: all 0.1s ease-in;
    transform: scale(1);
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-fdca657 */.elementor-488 .elementor-element.elementor-element-fdca657 .elementor-button {
    clip-path: polygon(0 0,calc(100% - 15px) 0,100% 15px,100% 100%,0 100%);
    background: linear-gradient(to left, #f4152f 50%, #FF0C28 50%) right;
    background-size: 200%;
    transition: .5s ease-out;
    }
    
    .elementor-488 .elementor-element.elementor-element-fdca657 .elementor-button:hover {
    background-position: left bottom;
    }
    
    .elementor-488 .elementor-element.elementor-element-fdca657 .elementor-button{
    clip-path: polygon(0 0, 95% 0, 100% 25%, 100% 100%, 5% 100%, 0 75%);
    overflow: hidden;
    -webkit-transition: all 0.2s ease-in;
    -moz-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
    }
    
    .elementor-488 .elementor-element.elementor-element-fdca657 .elementor-button:hover {
    background-color: #f4152f !important;
    border: none;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    transition: all 0.3s ease-out;
    transform: scale(1.01);
    }
    
    .elementor-488 .elementor-element.elementor-element-fdca657 .elementor-button:hover::before {
    -webkit-animation: sh02 0.5s 0s linear;
    -moz-animation: sh02 0.5s 0s linear;
    animation: sh02 0.7s 0s linear;
    }
    
    .elementor-488 .elementor-element.elementor-element-fdca657 .elementor-button::before {
    content: '';
    display: block;
    width: 0px;
    height: 86%;
    position: absolute;
    top: 7%;
    left: 0%;
    opacity: 0;
    background: #FF0C28;
    box-shadow: 0 0 50px 30px #FF0C28;
    -webkit-transform: skewX(-20deg);
    -moz-transform: skewX(-20deg);
    -ms-transform: skewX(-20deg);
    -o-transform: skewX(-20deg);
    transform: skewX(-20deg);
    }
    
    @‌keyframes sh02 {
    from {
    opacity: 0;
    left: 0%;
    }
    
    50% {
    opacity: 1;
    }
    
    to {
    opacity: 0;
    left: 100%;
    }
    }
    
    .elementor-488 .elementor-element.elementor-element-fdca657 .elementor-button:active {
    box-shadow: inset 0px 0px 5px 5px #F4152F, 0px 5px 0px 0px #FF0C28, 0px 10px 5px 0px #91B500 !important;
    -webkit-transition: box-shadow 0.2s ease-in;
    -moz-transition: box-shadow 0.2s ease-in;
    transition: all 0.1s ease-in;
    transform: scale(1);
    }/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-6931750 */.elementor-488 .elementor-element.elementor-element-6931750 .elementor-button {
    border-radius: 20px / 100% !important;
    box-shadow: inset 0 0 5px 5px #ffffff25, 0 5px 5px 0 #ffffff25 !important;
    width: 100%;
    position: relative;
    background: rgb(61, 106, 255) !important;
    border: 1px solid rgb(61, 106, 255) !important;
    overflow: hidden;
    transition: all 0.2s ease-in;
}

.elementor-488 .elementor-element.elementor-element-6931750 .elementor-button:hover {
    background: rgb(61, 106, 255) !important;
    border: none;
    box-shadow: inset 0 0 5px 5px #ffffff25, 0 0 30px 5px rgba(0, 142, 236, 0.815) !important;
    transition: all 0.2s ease-out;
    transform: scale(1.03);
}

.elementor-488 .elementor-element.elementor-element-6931750 .elementor-button:hover::before {
    animation: sh02 0.5s 0s linear;
}

.elementor-488 .elementor-element.elementor-element-6931750 .elementor-button::before {
    content: '';
    display: block;
    width: 0;
    height: 86%;
    position: absolute;
    top: 7%;
    left: 0;
    opacity: 0;
    background: #fff;
    box-shadow: 0 0 50px 30px #fff;
    transform: skewX(-20deg);
}

@keyframes sh02 {
    from {
        opacity: 0;
        left: 0;
    }
    50% {
        opacity: 1;
    }
    to {
        opacity: 0;
        left: 100%;
    }
}

.elementor-488 .elementor-element.elementor-element-6931750 .elementor-button:active {
    box-shadow: inset 0 0 5px 5px #ffffff25, 0 0 0 0 transparent !important;
    transition: box-shadow 0.2s ease-in;
    transform: translate(0, 0.2em);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-4b57cd1 */.botao-tech {
  display: inline-flex;
  position: relative;
  text-align: center;
  font-size: 18px;
  text-transform: uppercase;
  color: #fff;
  text-decoration: none;
  padding: 20px 40px 25px 70px;
  align-items: center;
  font-family: share tech mono;
  transition: color 0.3s ease; /* transição suave */
  font-weight: bld;
  filter: hue-rotate(70deg) saturate(100%);
  transition: filter 0.3s ease;
}
.botao-tech:hover {
  color: #fff;
  text-decoration: none;
  font-weight: bold;
  filter: hue-rotate(90deg) saturate(200%);
  transition: filter 0.3s ease;
    
}

.botao-tech.btn-small {
  font-size: 14px;
  padding: 10px 20px;
}

.botao-tech.btn-large {
  font-size: 24px;
  padding: 30px 60px;
}

.botao-tech .hexagon-front {
  position: absolute;
  top: 02px;
  left: 03px;
  width: calc(100% - 13px);
  height: calc(100% - 12px);
  z-index: 2;
  border: 1px solid transparent;
  border-image-source: url('https://luanmontenegro.com/wp-content/uploads/2023/05/svgexport-1-1.svg'); /*baixe o SVG, suba no seu Wordpress e substitua a URL*/
  border-image-slice: 20 20 fill;
  border-image-width: 100px;
  transform: translateX(0) translateY(0);
  transition: all 0.3s ease;
}

.botao-tech:hover .hexagon-front {
  transform: translateX(20px) translateY(-0px);
  transition-delay: 0.2s;
}

.botao-tech .hexagon-back {
  position: absolute;
  top: 0;
  left: 0;
  width: calc(100% + 34px);
  height: calc(100% + 34px);
  z-index: 1;
  border: 1px solid transparent;
  border-image-source: url('https://luanmontenegro.com/wp-content/uploads/2023/05/svgexport-1.svg'); /*baixe o SVG, suba no seu Wordpress e substitua a URL*/
  border-image-slice: 39 39 fill;
  border-image-width: 100px;
  transform: translateX(5px) translateY(5px);
  transition: all 0.3s ease;
}

.botao-tech:hover .hexagon-back {
  transform: translateX(0) translateY(-20px);
}

.botao-tech span {
  position: relative;
  z-index: 3;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-dca49fb */.brilho2 .elementor-button {
 background: #ffffff !important;
 border: 3px solid #fff;
 padding: 15px 60px;
 display: flex;
 align-items: center;
 justify-content: center;
 border-radius: 100px;
 position: relative;
 transition: 2s;
}

@media(max-width: 767px){
 .brilho2 .elementor-button {
 padding: 15px 30px;
}
}

.brilho2 .elementor-button:before {
  background-image: radial-gradient(43.3% 44.23% at 50% 49.51%, #fffff7 29%, #fffacd 48.5%, #f4d2bf 60.71%, #f4d2bf00 100%);
  filter: blur(5px);
  width: 300px;
  height: 150px;
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(var(--button-translate-x, -10%), -50%);
  border-radius: 100%;
  transition: transform 0.8s cubic-bezier(.4, 0, .2, 1);
}

.brilho2 .elementor-button.hovering:before {
  transition: transform 0.15s ease-out !important;
}

.brilho1{
 padding: 0px !important;
 border-radius: 100px;
 outline: 4px solid #FFFFFF4F;
}

.brilho1::before {
 transition: 0.35s ease-out;
 filter: blur(12px);
 background: linear-gradient(to right, transparent 30%, #ff7037 80%, #ff4900 95%);
 width: 108%;
 height: 125%;
 left: 50%;
 top: 50%;
 content: "";
 will-change: filter;
 border-radius: 100px;
 position: absolute;
 transform: translate(-50%, -50%);
 z-index: 1;
 opacity: var(--before-opacity, 1);
}

.brilho1::after {
 transition: 0.35s ease-out;
 filter: blur(12px);
 background: linear-gradient(to left, transparent 30%, #ff7037 80%, #ff4900 95%);
 width: 108%;
 height: 125%;
 left: 50%;
 top: 50%;
 content: "";
 will-change: filter;
 border-radius: 100px;
 position: absolute;
 transform: translate(-50%, -50%);
 z-index: 1;
 opacity: var(--after-opacity, 0);
}

.brilho2 .elementor-button-text,
.brilho2 .elementor-button-icon {
 z-index: 5;
 align-self: center !important;
 vertical-align: center !important;
}

.brilho1 {
 width: fit-content;
 overflow: visible;
 z-index: 1;
 position: relative;
 padding: 0px;
}

.brilho2 {
 z-index: 5;
 overflow: hidden;
 border-radius: 100px;
 position: relative;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-f1b33d8 *//* BOTÃO PADRÃO */
.elementor-488 .elementor-element.elementor-element-f1b33d8 .elementor-button {
    border-radius: 4px; /* Deixa os cantos do botão levemente arredondados */
    border: 1px solid #FF005B; /* Borda rosa choque */
    background: #FF005B30 !important; /* Fundo rosa com 30% de opacidade (bem translúcido) */
    box-shadow: 0px 17px 34px 0px rgba(255, 0, 91, 0.20); /* Sombra grande e suave ao redor do botão */

    backdrop-filter: blur(27px); /* Aplica desfoque no fundo do botão (efeito vítreo) */
    -webkit-backdrop-filter: blur(27px); /* Compatibilidade com navegadores baseados em WebKit (Safari, etc.) */

    transition: all 0.5s ease !important; /* Suaviza todas as mudanças visuais (hover, clique, etc.) */
}

/* EFEITO HOVER: Quando o mouse passa por cima do botão */
.elementor-488 .elementor-element.elementor-element-f1b33d8 .elementor-button:hover {
    transform: translateY(-5px); /* Faz o botão "subir" 5px, dando efeito de elevação */
    
    border-radius: 4px; /* Mantém os cantos arredondados (por segurança visual) */
    
    background: #FF005B60 !important; /* Fundo rosa mais visível (60% de opacidade) */
    box-shadow: 0px 0px 34px 0px rgba(255, 0, 91, 0.50); /* Sombra mais intensa e concentrada */

    transition: all 0.5s ease !important; /* Suaviza a transição de hover */
}

/* ÍCONE DO BOTÃO PADRÃO */
.elementor-488 .elementor-element.elementor-element-f1b33d8 .elementor-button-icon {
    transform-origin: center; /* Define o ponto de transformação do ícone como o centro */
    transition: all 0.5s ease !important; /* Transição suave para mudanças no ícone */
}

/* ÍCONE DO BOTÃO AO PASSAR O MOUSE */
.elementor-488 .elementor-element.elementor-element-f1b33d8 .elementor-button:hover .elementor-button-icon {
    transform-origin: center; /* Mantém a origem da transformação no centro */
    transition: all 0.5s ease; /* Suaviza qualquer transformação que ocorra no hover */
}

/* SVG DO ÍCONE AO PASSAR O MOUSE */
.elementor-488 .elementor-element.elementor-element-f1b33d8 .elementor-button:hover .elementor-button-icon svg {
    transform-origin: center; /* Origem da animação no centro do SVG */
    animation: seta 1s infinite; /* Executa a animação "seta" a cada 1s de forma infinita */
    transition: all 0.5s ease !important; /* Suaviza transformações */
}

/* ANIMAÇÃO PERSONALIZADA: "Seta" */
@keyframes seta {
    0%, 100% {
        transform: translate(0px, 0px); /* Começa e termina na posição normal */
    }
    50% {
        transform: translate(5px, 0px); /* No meio da animação, move 5px para a direita */
    }
}

/* ENVOLTÓRIO DO CONTEÚDO DO BOTÃO */
.elementor-button-content-wrapper {
    display: flex; /* Ativa flexbox para alinhar conteúdo */
    align-items: center; /* Centraliza verticalmente o ícone e o texto */
    transition: all 0.5s ease !important; /* Suaviza ajustes de layout */
}

/* BOTÃO QUANDO RECEBE FOCO (CLIQUE OU TECLADO) */
.elementor-488 .elementor-element.elementor-element-f1b33d8 .elementor-button:focus {
    transform: scale(0.98); /* Encolhe um pouco o botão ao ser clicado */
    transition: all 0.1s ease !important; /* Transição rápida para dar resposta visual */
    box-shadow: 
        0px 4px 54px 0px #FF005B, /* Sombra externa rosa intensa */
        0px 0px 14px 0px #FF005B inset; /* Sombra interna rosa para realce */
}

/* ESTILIZAÇÃO DO SVG DO ÍCONE */
.elementor-488 .elementor-element.elementor-element-f1b33d8 .elementor-button svg {
    width: 20px; /* Largura fixa do ícone */
    height: 20px; /* Altura fixa do ícone */
    filter: drop-shadow(0px 0px 24px #FF005B) !important; /* Brilho rosa ao redor do ícone */
    vertical-align: middle; /* Alinha verticalmente com o texto */
}

/* CORREÇÃO EXTRA NO CONTEÚDO DO BOTÃO */
.elementor-488 .elementor-element.elementor-element-f1b33d8 .elementor-button-content-wrapper {
    align-items: center; /* Garante alinhamento vertical mesmo se duplicado */
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-f49f6eb *//* ÍCONE DENTRO DO BOTÃO */
.elementor-488 .elementor-element.elementor-element-f49f6eb .elementor-button-icon {
    width: 24px;
    height: 24px;
    transition: 0.5s; /* Suaviza qualquer transição no ícone */
}

/* ESTILO GERAL DO BOTÃO COM NEUMORPHISMO */
.elementor-488 .elementor-element.elementor-element-f49f6eb {
  color: #7e97b8; /* Cor do texto inicial */
  background-color: #e0e8ef; /* Cor de fundo clara */
  
  border-style: solid; /* Tipo da borda */
  border-width: 2px;
  border-color: rgba(255, 255, 255, 0.333); /* Borda sutil e translúcida */
  
  border-radius: 40px; /* Borda arredondada (efeito pill) */
  
  /* Sombra dupla cria o efeito de volume sutil (Neumorphismo) */
  box-shadow: 
    -4px -2px 16px 0px #ffffff, /* Luz vinda do topo-esquerda */
    4px 2px 16px 0px rgb(95 157 231 / 48%); /* Sombra azulada no fundo */

  transition: color 0.2s, background-color 0.2s, box-shadow 0.2s; /* Transições suaves */

  display: inline-flex; /* Flexbox para alinhamento interno */
  align-items: center;
  justify-content: center;
}

/* EFEITO HOVER: Quando o mouse passa por cima */
.elementor-488 .elementor-element.elementor-element-f49f6eb:hover {
  color: #516d91; /* Texto um pouco mais escuro */
  background-color: #E5EDF5; /* Fundo mais claro */

  /* Sombra mais suave, como se estivesse “levantado” */
  box-shadow: 
    -2px -1px 8px 0px #ffffff,
    2px 1px 8px 0px rgb(95 157 231 / 48%);
}

/* ÍCONE SVG DENTRO DO BOTÃO */
.elementor-488 .elementor-element.elementor-element-f49f6eb .elementor-button-icon svg {
  font-size: 18px; /* Tamanho do ícone */
  margin-top: 1px; /* Ajuste vertical fino */
}

/* EFEITO DE “CLIQUE” */
.elementor-488 .elementor-element.elementor-element-f49f6eb:active {
  box-shadow: none; /* Remove sombra, criando efeito de botão pressionado */
}

/* AJUSTE FINO DO ÍCONE */
.elementor-488 .elementor-element.elementor-element-f49f6eb .elementor-button-icon {
  font-size: 18px;
  margin-top: 0.89px;
  margin-right: 5px; /* Espaço entre o ícone e o texto */
  transform: rotate(0deg); /* Estado inicial do ícone */
  transition: transform 0.4s ease-in-out; /* Anima rotação e movimento do ícone */
}

/* TEXTO DO BOTÃO */
.elementor-488 .elementor-element.elementor-element-f49f6eb span {
  transition: transform 0.4s ease-in-out; /* Transição suave para o texto também */
}

/* ANIMAÇÃO NO HOVER: o ícone gira e se move */
.elementor-488 .elementor-element.elementor-element-f49f6eb:hover .elementor-button-icon {
  transform: translateX(5px) rotate(45deg); /* Move o ícone para direita e gira 45° */
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-69fc7c8 *//* BOTÃO EM ESTADO PADRÃO (gradiente vermelho) */
.elementor-488 .elementor-element.elementor-element-69fc7c8 .elementor-button {
    background: linear-gradient(90deg, #E73B3B 0%, #FE6E6E 50%, #E73B3B 100%);
    border-radius: 8px !important;
    overflow: hidden; /* Esconde conteúdo extra (importante para efeitos visuais como brilho) */
    transform: translate(0%, 0%);
    flex-grow: 1 !important;

    /* Transições suaves ao mudar de estado */
    transition: background-color 0.8s ease, box-shadow 0.8s ease, transform 0.8s ease; 
}

/* HOVER NO BOTÃO - muda a cor e ativa sombras */
.elementor-488 .elementor-element.elementor-element-69fc7c8:hover .elementor-button {
    background: linear-gradient(90deg, #FE6E6E 0%, #FF8F8F 50%, #FE6E6E 100%);
    box-shadow: 
        0px -10px 80px 0px rgba(231, 59, 59, 0.45), 
        0px -9.855px 29.201px 0px rgba(231, 59, 59, 0.35), 
        0px -4.785px 14.177px 0px rgba(231, 59, 59, 0.12), 
        0px -2.346px 6.95px 0px rgba(231, 59, 59, 0.10), 
        0px -0.927px 2.748px 0px rgba(231, 59, 59, 0.40);
}

/* BRILHO QUE SE MOVE SOBRE O BOTÃO */
.elementor-488 .elementor-element.elementor-element-69fc7c8 .elementor-button::before {
    content: '';
    background: linear-gradient(
        10deg,
        rgba(255, 200, 200, 0.8) 12.81%,
        rgba(255, 200, 200, 0.00) 66.66%
    );
    width: 90px;
    height: 160%;
    position: absolute;
    transform: translateX(-50%) skew(-25deg); /* Inclina e posiciona a faixa de brilho */
    bottom: 0%;
    left: -10%; /* Começa à esquerda do botão */
    user-select: none;
    pointer-events: none;
    animation: shinery 3s infinite ease-in-out;
    filter: blur(4px); /* Suaviza as bordas do brilho */
    opacity: 0; /* Começa invisível */
}

/* ANIMAÇÃO DO BRILHO */
@keyframes shinery {
    0% {
        left: -10%;
        opacity: 0;
    }
    20% {
        opacity: 0.7; /* Brilho aparece */
    }
    48% {
        left: 110%; /* Brilho atravessa o botão */
        opacity: 0.7;
    }
    51% {
        opacity: 0; /* Some após cruzar */
    }
    100% {
        left: 110%;
        opacity: 0;
    }
}

/* BORDA DECORATIVA EXTERNA */
.elementor-488 .elementor-element.elementor-element-69fc7c8 .elementor-button::after {
    content: '';
    width: calc(100% + 6px);
    height: calc(100% + 6px);
    border-radius: inherit; /* Mantém o arredondamento do botão */
    border: 3px solid #ADADAD40; /* Borda sutil com transparência */
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: -1; /* Fica atrás do botão */
    transform: translate(-50%, -50%);
    user-select: none;
    pointer-events: none;
    box-sizing: border-box;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-5c05c5e *//* BOTÃO BASE - ESTILO GERAL */
.elementor-488 .elementor-element.elementor-element-5c05c5e .elementor-button {
    position: relative; /* Necessário para os pseudos ::before e ::after */
    display: inline-flex; /* Flexbox interno */
    align-items: center;
    justify-content: center;
    border-radius: 50px; /* Botão estilo cápsula */
    border: none;
    cursor: pointer;
    overflow: hidden; /* Esconde brilho/efeitos fora da borda */
    text-decoration: none;
    -webkit-tap-highlight-color: transparent; /* Remove flash azul no clique em mobile */

    /* SOMBRA MULTICAMADA LIME NEON */
    box-shadow: 
        0 -3px 0 0 #8aa349 inset, /* Borda interna verde escura */
        0 323px 90px 0 rgba(178, 254, 2, .01),
        0 207px 83px 0 rgba(178, 254, 2, .07),
        0 116px 70px 0 rgba(178, 254, 2, .15),
        0 52px 52px 0 rgba(178, 254, 2, .25),
        0 13px 28px 0 rgba(178, 254, 2, .35);

    /* SUAVIZA a animação do clique e da sombra */
    transition: transform 0.1s ease-out, box-shadow 0.1s ease-out;
}

/* CAMADAS ANIMADAS DO BOTÃO (gradientes e brilhos) */
.elementor-488 .elementor-element.elementor-element-5c05c5e .elementor-button::before,
.elementor-488 .elementor-element.elementor-element-5c05c5e .elementor-button::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: inherit;
    transition: opacity 0.5s ease; /* Troca de camadas suave */
    pointer-events: none;
}

/* CAMADA BASE: gradiente com verde neon e sombra */
.elementor-488 .elementor-element.elementor-element-5c05c5e .elementor-button::before {
    background: linear-gradient(90deg, #B2FE02 0%, #CFFF5F 50%, #B2FE02 100%);
    box-shadow: 0 -3px 0 0 #9ACD32 inset;
    border-top: 2px solid #DFFF8F;
    z-index: 0;
    opacity: 1;
}

/* CAMADA ALTERNATIVA (ativa no hover) */
.elementor-488 .elementor-element.elementor-element-5c05c5e .elementor-button::after {
    background: linear-gradient(90deg, #CFFF5F 0%, #E1FFAE 50%, #CFFF5F 100%);
    box-shadow: 0 -3px 0 0 #B2FE02 inset;
    border-top: 2px solid #F0FFF0;
    opacity: 0; /* Começa invisível */
    z-index: 1;
}

/* AO PASSAR O MOUSE: mostra o brilho ::after */
.elementor-488 .elementor-element.elementor-element-5c05c5e .elementor-button:hover::after {
    opacity: 1;
}

/* AO CLICAR: botão desce e a sombra muda */
.elementor-488 .elementor-element.elementor-element-5c05c5e .elementor-button:active {
    transform: translateY(3px); /* Efeito de pressão */

    box-shadow:
        0 -2px 0 0 #8aa349 inset, /* Sombra interna menor */
        0 140px 50px 0 rgba(178, 254, 2, .05),
        0 80px 40px 0 rgba(178, 254, 2, .10),
        0 30px 25px 0 rgba(178, 254, 2, .15),
        0 5px 10px 0 rgba(178, 254, 2, .25);
}

/* WRAPPER DE CONTEÚDO DO BOTÃO - texto + ícone */
.elementor-488 .elementor-element.elementor-element-5c05c5e .elementor-button-content-wrapper {
    position: relative;
    z-index: 2; /* Fica acima do brilho ::before/::after */
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
}

/* TEXTO DO BOTÃO */
.elementor-488 .elementor-element.elementor-element-5c05c5e .elementor-button-text {
    line-height: normal;
    text-align: center;
}

/* FOCO COM ACESSIBILIDADE (teclado) */
.elementor-488 .elementor-element.elementor-element-5c05c5e .elementor-button:focus-visible {
    outline: 3px solid #CFFF5F; /* Borda de foco bem visível */
    outline-offset: 2px;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-1dfcdee *//* BOTÃO COM GRADIENTE ANIMADO - TEXTURA VIVA */
.elementor-488 .elementor-element.elementor-element-1dfcdee .elementor-button {
    animation: textura 3.4s cubic-bezier(0.2, 0.5, 0.9, 0.6) 2s infinite normal none running;
    background-image: linear-gradient(258deg, #BDFF00, #05E400, #BDFF00, #05E400); /* Verde-limão animado */
    background-size: 400% 200%; /* Permite movimento do gradiente */
    position: relative; /* Necessário para ::after funcionar */
    z-index: 1; /* Garante que o botão fique acima do fundo */
}

/* ANIMAÇÃO DO GRADIENTE EM MOVIMENTO */
@keyframes textura {
    0% {
        background-position: 0 0;
    }
    100% {
        background-position: 100% 0;
    }
}

/* CAMADA ADICIONAL COM ANIMAÇÃO EFEITO GLOW (opcional) */
.btn .elementor-button::after {
    content: "";
    position: absolute;
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
    width: 100%;
    height: 100%;
    border-radius: 4.739px;
    z-index: 0; /* Fica abaixo do conteúdo */

    transition: all 0.8s;
    animation: textura 2s ease infinite; /* Usa a mesma animação do fundo */
    background: inherit; /* Herda o gradiente */
    opacity: 0.3; /* Suaviza brilho adicional */
}

/* CONTEÚDO DO BOTÃO ACIMA DA CAMADA */
.btn .elementor-button span {
    z-index: 4;
    position: relative;
}

/* ETIQUETA COM VALOR FIXO – tipo "R$99" ou "Grátis" */
.valor {
    position: absolute;
    width: fit-content;
    white-space: nowrap;
    top: 95%; /* Logo abaixo do botão */
    left: 50%;
    transform: translateX(-50%);
    font-size: 0.64em;
    padding: 5px 16px;
    border-radius: 5px;

    border: 1px solid rgba(255, 255, 255, 0.20);
    backdrop-filter: blur(10px); /* Efeito vidro */
    background: #fffff95; /* ⚠️ Valor incorreto corrigido abaixo */
    background: rgba(255, 255, 255, 0.1); /* Corrigido */
    color: #ffffff;
    z-index: 999999;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-0e0523d *//* Estilo básico para o botão do Elementor */
.elementor-488 .elementor-element.elementor-element-0e0523d .elementor-button {

  background: #B2FE02 !important;
  color: white !important;
  border-radius: 1000px !important;

  cursor: pointer !important;
  position: relative !important;
  z-index: 1 !important;
  overflow: hidden !important;
}

/* Quando o botão é hover, muda a cor do texto para preto */
.elementor-488 .elementor-element.elementor-element-0e0523d .elementor-button:hover {
  color: black !important;
}

/* Efeito da camada branca por trás do botão */
.elementor-488 .elementor-element.elementor-element-0e0523d .elementor-button::after {
  content: "" !important;
  background: white !important;
  position: absolute !important;
  z-index: -1 !important;
  left: -20% !important;
  right: -20% !important;
  top: 0 !important;
  bottom: 0 !important;
  transform: skewX(-45deg) scale(0, 1) !important; /* Começa invisível */
  transition: all 0.5s !important; /* Transição suave */
}

/* Quando o botão é hover, a camada branca aparece */
.elementor-488 .elementor-element.elementor-element-0e0523d .elementor-button:hover::after {
  transform: skewX(-45deg) scale(1, 1) !important; /* Expande a camada */
  -webkit-transition: all 0.5s !important;
  transition: all 0.5s !important; /* Transição suave */
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-e8bb9c2 *//* Use o Easy Coder para personalizar as cores */
.elementor-488 .elementor-element.elementor-element-e8bb9c2 .elementor-button-wrapper {
    display: flex; /* Flexbox é usado para alinhar e distribuir os itens dentro do contêiner */
    justify-content: center; /* Alinha o conteúdo horizontalmente no centro */
    align-items: stretch; /* Faz com que o conteúdo ocupe toda a altura disponível */
    white-space: nowrap; /* Impede que o texto quebre para a próxima linha */
    width: 100%; /* Garante que o botão ocupe toda a largura disponível do contêiner */
}

/* A classe .elementor-widget-container define o layout do contêiner do botão. */
.elementor-488 .elementor-element.elementor-element-e8bb9c2 .elementor-widget-container {
    display: flex; /* Flexbox para garantir que o conteúdo (como o texto) fique centralizado */
    justify-content: center; /* Alinha o conteúdo (texto) horizontalmente no centro */
}

/* Cor de fundo do botão. O botão tem um gradiente do azul claro para o azul escuro. */
.elementor-488 .elementor-element.elementor-element-e8bb9c2 .elementor-button {
    background: radial-gradient(57.68% 100% at 47.82% 0%, #7199FF 0%, #1955ED 100%); /* Gradiente de fundo (azul claro para azul escuro) */

    /* Sombras do botão para dar um efeito de profundidade */
    box-shadow: 0px -27px 80px 0px rgba(26, 56, 251, 0.22), 0px -9.855px 29.201px 0px rgba(26, 56, 251, 0.15), 0px -4.785px 14.177px 0px rgba(26, 56, 251, 0.12), 0px -2.346px 6.95px 0px rgba(26, 56, 251, 0.10), 0px -0.927px 2.748px 0px rgba(26, 56, 251, 0.07);
    overflow: hidden; /* Impede que o conteúdo saia do botão */
    transform: translate(0%, 0%); /* Mantém o botão na posição original */
    flex-grow: 1 !important; /* Faz o botão crescer e ocupar toda a área disponível do contêiner */
    align-self: stretch !important; /* Faz o botão se esticar para ocupar toda a altura do contêiner */
    transition: .5s all; /* Transição suave para as mudanças de estado */
    display: flex !important; /* Garante que o botão tenha comportamento flexível */
    justify-content: center !important; /* Centraliza o conteúdo (texto) dentro do botão */
    align-items: center !important; /* Centraliza o conteúdo verticalmente */
}

/* Cor do botão quando o usuário passa o mouse sobre ele (hover). O botão muda para um gradiente de laranja para vermelho. */
.elementor-488 .elementor-element.elementor-element-e8bb9c2:hover .elementor-button {
    background: linear-gradient(90deg, #FF6A00 0%, #FF3E00 100%); /* Novo gradiente (de laranja para vermelho) */
    
    /* Sombras do botão no hover (também ajustadas para o novo tom) */
    box-shadow: 0px -27px 80px 0px rgba(255, 106, 0, 0.22), 0px -9.855px 29.201px 0px rgba(255, 106, 0, 0.15), 0px -4.785px 14.177px 0px rgba(255, 106, 0, 0.12), 0px -2.346px 6.95px 0px rgba(255, 106, 0, 0.10), 0px -0.927px 2.748px 0px rgba(255, 106, 0, 0.07);
    transition: .5s all; /* Transição suave quando o botão muda de cor */
    transform: scale(1.05); /* Faz o botão crescer um pouco quando o mouse passa sobre ele */
}

/* Efeito de brilho para dar um toque especial no botão. */
.elementor-488 .elementor-element.elementor-element-e8bb9c2 .elementor-button::before {
    content: ''; /* Cria um conteúdo vazio, usado para o efeito de brilho */
    background: linear-gradient(10deg, #D1D2EA 12.81%, rgba(209, 210, 234, 0.00) 66.66%); /* Gradiente suave para o efeito de brilho */
    width: 90px; /* Largura do brilho */
    height: 160%; /* A altura é maior do que o botão, criando um efeito visual de brilho maior */
    position: absolute; /* Coloca o brilho em uma posição absoluta em relação ao botão */
    transform: translateX(-50%) skew(-25deg); /* Movimenta e distorce o brilho para criar o efeito */
    bottom: 0%; /* Coloca o brilho na parte inferior do botão */
    user-select: none; /* Impede que o usuário selecione o brilho */
    pointer-events: none; /* Impede que o brilho interaja com o mouse */
    animation: shinery 3s infinite ease-in-out; /* Animação do brilho que se move de um lado para o outro */
    filter: blur(4px); /* Aplica um desfoque suave ao brilho */
}

/* A animação de brilho do botão. O brilho se move para a esquerda e para a direita. */
@keyframes shinery {
    0%, 100% { left: -10%; opacity: 0; } /* Brilho começa e termina invisível e fora do botão */
    20% { opacity: 1; } /* Brilho aparece com opacidade máxima */
    48% { left: 110%; opacity: 1; } /* Brilho se move para a direita */
    51% { opacity: 0; } /* Brilho desaparece rapidamente */
}

/* Cor da borda do botão (uma borda cinza suave em volta do botão). */
.elementor-488 .elementor-element.elementor-element-e8bb9c2 .elementor-button::after {
    content: ''; /* Cria um conteúdo vazio, usado para a borda */
    width: calc(100% + 6px); /* A largura da borda é um pouco maior que o botão */
    height: calc(100% + 6px); /* A altura da borda é um pouco maior que o botão */
    border-radius: inherit; /* Herda o arredondamento do botão */
    border-radius: 500px; /* Torna a borda bem arredondada */
    border: 5px solid #ADADAD40; /* Borda de 5px de espessura com cor cinza suave */
    position: absolute; /* Coloca a borda em uma posição absoluta em relação ao botão */
    top: 0; /* Alinha a borda ao topo */
    left: 0; /* Alinha a borda à esquerda */
    z-index: 2; /* Garante que a borda fique acima do conteúdo do botão */
    transform: translate(-50%, -50%); /* Move a borda para centralizá-la */
    top: 50%; /* Coloca a borda no meio do botão */
    left: 50%; /* Coloca a borda no meio do botão */
    user-select: none; /* Impede que o usuário selecione a borda */
    pointer-events: none; /* Impede que a borda interaja com o mouse */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-03dfcda *//* Personalize esse botão com o Easy Coder */
.containerBotoesPersonalizado {
  width: 300px; /* Largura do botão */
  height: 60px; /* Altura do botão */
  position: relative; /* Para possibilitar o posicionamento do botão inferior */
}

/* Personalize o botão superior com o Easy Coder */
.botaoSuperiorPersonalizado, .botaoInferiorPersonalizado {
  width: 100%; /* O botão ocupa 100% da largura do contêiner */
  height: 100%; /* O botão ocupa 100% da altura do contêiner */
  font-family: "DM Sans", sans-serif; /* Fonte do botão */
  font-weight: 500; /* Peso da fonte (negrito moderado) */
  font-size: 16px; /* Tamanho da fonte */
  letter-spacing: 2px; /* Espaçamento entre as letras */
  border-radius: 8px; /* Bordas arredondadas do botão */
  border: none; /* Remove qualquer borda padrão */
  display: flex; /* Usando Flexbox para garantir alinhamento adequado */
  justify-content: center; /* Alinha o texto horizontalmente ao centro */
  align-items: center; /* Alinha o texto verticalmente ao centro */
}

/* Botão Superior com Gradiente e Animação */
.botaoSuperiorPersonalizado {
  background: linear-gradient(90deg, rgb(179, 254, 3) 0%, rgb(203, 255, 80) 100%); /* Gradiente com valores RGB */
  color: black; /* Cor do texto */
  
  /* Máscara aplicada ao botão */
  mask-image: url("https://raw.githubusercontent.com/robin-dela/css-mask-animation/master/img/nature-sprite.png"); /* Mascara de imagem */
  -webkit-mask-image: url("https://raw.githubusercontent.com/robin-dela/css-mask-animation/master/img/nature-sprite.png"); /* Compatibilidade com Webkit */
  
  mask-size: 2300% 100%; /* Tamanho da máscara, fazendo-a muito maior que o botão */
  -webkit-mask-size: 2300% 100%; /* Compatibilidade com Webkit */
  
  mask-position: 0% 0%; /* Posição inicial da máscara */
  -webkit-mask-position: 0% 0%; /* Compatibilidade com Webkit */
  
  z-index: 1; /* Garante que o botão superior fique acima do inferior */
  position: relative; /* Permite o controle sobre a posição do botão */
}

/* Botão Inferior */
.botaoInferiorPersonalizado {
  position: absolute; /* O botão é posicionado absolutamente dentro do contêiner */
  top: 50%; /* Posiciona o botão no meio do contêiner verticalmente */
  left: 50%; /* Posiciona o botão no meio do contêiner horizontalmente */
  transform: translate(-50%, -50%); /* Centraliza o botão exatamente no centro do contêiner */
  z-index: 0; /* O botão inferior ficará atrás do superior */
  width: 98%; /* O botão inferior ocupará 98% da largura do contêiner */
  height: 98%; /* O botão inferior ocupará 98% da altura do contêiner */
  background-color: white; /* Fundo branco do botão inferior */
  color: black; /* Cor do texto do botão inferior */
}

@keyframes mascara {
  0% {
    mask-position: 0% 0%;
  }
  100% {
    mask-position: 100% 0%;
  }
}

@keyframes mascaraInverso {
  0% {
    mask-position: 100% 0%;
  }
  100% {
    mask-position: 0% 0%;
  }
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-4183eff */:root {
    --glow-hue: 222deg;
    --shadow-hue: 180deg;
    --spring-easing: linear( 0, 0.002, 0.01 0.9%, 0.038 1.8%, 0.156, 0.312 5.8%, 0.789 11.1%, 1.015 14.2%, 1.096, 1.157, 1.199, 1.224 20.3%, 1.231, 1.231, 1.226, 1.214 24.6%, 1.176 26.9%, 1.057 32.6%, 1.007 35.5%, 0.984, 0.968, 0.956, 0.949 42%, 0.946 44.1%, 0.95 46.5%, 0.998 57.2%, 1.007, 1.011 63.3%, 1.012 68.3%, 0.998 84%, 1 );
    --spring-duration: 1.33s
}

@property --shimmer {
    syntax: "<angle>";
    inherits: false;
    initial-value: 33deg
}

@keyframes shimmer {
    0% {
        --shimmer: 0deg
    }

    100% {
        --shimmer: 360deg
    }
}

@keyframes shine {
    0% {
        opacity: 0
    }

    15% {
        opacity: 1
    }

    55% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}


.btnEasybuilder .elementor-button {
  ;
    background: linear-gradient(83deg, #B3FE02 -11.49%, #D1FB6C 113.18%); /* altere a cor aqui */
    padding: 15px 40px;
    position: relative;
    border-radius: 5px;
    transition: all var(--spring-duration) var(--spring-easing)
}

.btnEasybuilder .elementor-button:hover:not(:active) {
    transition-duration: calc(var(--spring-duration)*.5);
    transform: scale(1.05);
    box-shadow: 0 4px 8px -2px hsl(var(--glow-hue) 50% 20% / 50%),inset 0 0 0 transparent
}

.btnEasybuilder .elementor-button:active {
    transition-duration: calc(var(--spring-duration)*.5)
}

.btnEasybuilder .elementor-button-icon {
    position: absolute;
    inset: -40px;
    mask-image: conic-gradient(from var(--shimmer,0deg),transparent 0%,transparent 10%,black 36%,black 45%,transparent 50%,transparent 60%,black 85%,black 95%,transparent 100%);
    mask-size: cover;
    mix-blend-mode: plus-lighter;
    animation: 1s linear infinite both shimmer;
    pointer-events: none;
    border-radius: 5p;
}

.btnEasybuilder .elementor-button:hover .elementor-button-icon::after, .btnEasybuilder .elementor-button:hover .elementor-button-icon::before {
    opacity: 1;
    animation: 1.2s ease-in forwards shine
}

.btnEasybuilder .elementor-button-icon::after, .btnEasybuilder .elementor-button-icon::before {
    transition: all .5s ease;
    opacity: 0;
    content: "";
    border-radius: inherit;
    position: absolute;
    mix-blend-mode: color;
    inset: 40px;
    pointer-events: none
}



.btnEasybuilder .elementor-button-icon svg {
    display: none
}

.btnEasybuilder .elementor-button-icon::before {
    box-shadow: 0 0 3px 2px hsl(var(--glow-hue) 20% 95%),0 0 7px 4px hsl(var(--glow-hue) 20% 80%),0 0 13px 4px hsl(var(--glow-hue) 50% 70%),0 0 25px 5px hsl(var(--glow-hue) 100% 70%);
    z-index: -1
}

.btnEasybuilder .elementor-button-icon::after {
    box-shadow: inset 0 0 0 1px hsl(var(--glow-hue) 70% 95%),inset 0 0 2px 1px hsl(var(--glow-hue) 100% 80%),inset 0 0 5px 2px hsl(var(--glow-hue) 100% 70%);
    z-index: 2
}


/* CRÉDITOS AO CIPARONI *//* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-b79843d */.elementor-488 .elementor-element.elementor-element-b79843d {
  border-radius: 72px;
  border-top: 2px solid #B9CEFD;
  background: linear-gradient(90deg, #5389FF 0%, #7DA2F2 50%, #295CCC 100%);
  box-shadow: 
  
    0 10px 20px 0 rgba(45, 82, 163, 0.4), /* Sombra mais suave, para baixo */
    0 20px 40px 0 rgba(45, 82, 163, 0.3), /* Mais espalhada para baixo */
    0 40px 80px 0 rgba(45, 82, 163, 0.2), /* Mais espalhada ainda */
    0 60px 120px 0 rgba(45, 82, 163, 0.1); /* Sombra mais difusa */
  outline: none;
  cursor: pointer;
  border: none;
  transition: 0.5s;
  position: relative;
  overflow: hidden;
  display: inline-flex;
  align-items: center;
  color: white;
}

.elementor-488 .elementor-element.elementor-element-b79843d .elementor-button-icon {
  font-size: 17px;
  color: white;
  margin-right: 8px;
  transition: transform 0.5s ease;
}

.elementor-488 .elementor-element.elementor-element-b79843d:hover .elementor-button-icon {
  transform: translateX(5px) rotate(5deg);
}

.elementor-488 .elementor-element.elementor-element-b79843d:active {
  opacity: 0.5;
}

.elementor-488 .elementor-element.elementor-element-b79843d::before {
  content: '';
  background: linear-gradient(10deg, #D1D2EA 12.81%, rgba(209, 210, 234, 0.00) 66.66%);
  width: 70px;
  height: 130%;
  position: absolute;
  transform: translateX(-50%) skew(-25deg);
  bottom: 0%;
  user-select: none;
  pointer-events: none;
  animation: shinery 3s infinite ease-in-out;
  filter: blur(3px);
}

@keyframes shinery {
  0%, 100% {
    left: -10%;
    opacity: 0;
  }
  20% {
    opacity: 1;
  }
  48% {
    left: 110%;
    opacity: 1;
  }
  51% {
    opacity: 0;
  }
}

.elementor-488 .elementor-element.elementor-element-b79843d:hover {
  transform: translateY(-8px);
  box-shadow: none;
  transition: 0.5s;
}

.elementor-488 .elementor-element.elementor-element-b79843d svg {
  font-size: 14px;
}
.elementor-488 .elementor-element.elementor-element-b79843d:after {
    content: "";
    position: absolute;
    top: -10px;
    left: 50%;
    transform: translateX(-50%);
    width: 90%;
    height: 20px;
 background: radial-gradient(ellipse at center, #A4D9FF 20%, #A4D9FF50 70%, #A4D9FF00 100%);

    mix-blend-mode: screen;
    filter: blur(12px);
    pointer-events: none;
    z-index: 1;
}
 .elementor-488 .elementor-element.elementor-element-b79843d .elementor-button:before {
    content: "";
    position: absolute;
    top: -5px;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    height: 10px;
    background: radial-gradient( ellipse at center, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0.1) 40%, rgba(255, 255, 255, 0) 70% );
    pointer-events: none;
    z-index: 2;
    
} .elementor-488 .elementor-element.elementor-element-b79843d .elementor-button:after {
    content: "";
    position: absolute;
    bottom: -4.5px;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    height: 10px;
    background: radial-gradient( ellipse at center, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0.1) 40%, rgba(255, 255, 255, 0) 70% );
    pointer-events: none;
    z-index: 2;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-e3ca195 */.elementor-488 .elementor-element.elementor-element-e3ca195 .elementor-button {
    background: radial-gradient(75% 100% at top, #80f194 0%, #3BDA57 30%, #218231 70%, #0f5a1c 100%);
    background-size: 100% 100%;
    background-position: center center;
    border-radius: 16px;
    border-bottom: 2px solid #218231;
    outline: 1px solid #218231;
    outline-offset: 0px;
    transition: all .8s ease;
}

.elementor-488 .elementor-element.elementor-element-e3ca195 .elementor-button:hover {
    background-size: 100% 100%;
    transition: all .4s ease;
    box-shadow: 0px 0px 150px 20px #3BDA5750;
    filter: brightness(125%);
}

.elementor-488 .elementor-element.elementor-element-e3ca195 .elementor-button:active {
    transform: scale(0.8) !important;
}

.elementor-488 .elementor-element.elementor-element-e3ca195 .elementor-button:before {
    content: "";
    position: absolute;
    top: -5px;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    height: 10px;
    background: radial-gradient( ellipse at center, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0.1) 40%, rgba(255, 255, 255, 0) 70% );
    pointer-events: none;
    z-index: 2;
}

.elementor-488 .elementor-element.elementor-element-e3ca195 .elementor-button:after {
    content: "";
    position: absolute;
    top: -10px;
    left: 50%;
    transform: translateX(-50%);
    width: 90%;
    height: 20px;
    background: radial-gradient( ellipse at center, #3BDA57 20%, #3BDA5750 70%, #3BDA5700 100% );
    mix-blend-mode: screen;
    filter: blur(12px);
    pointer-events: none;
    z-index: 1;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-0ce24fd */.botao {
  border-radius: 72px;
  border-top: 2px solid #B9CEFD;
  background: linear-gradient(90deg, #B50000 0%, #FF2226 50%, #B50000 100%);
  box-shadow: 
    0 10px 20px 0 rgba(181, 0, 0, 0.4),
    0 20px 40px 0 rgba(181, 0, 0, 0.3),
    0 40px 80px 0 rgba(181, 0, 0, 0.2),
    0 60px 120px 0 rgba(181, 0, 0, 0.1);
  outline: none;
  cursor: pointer;
  border: none;
  transition: 0.5s;
  position: relative;
  overflow: hidden;
  display: inline-flex;
  align-items: center;
  color: white;
  animation: pulse 2.5s infinite; /* pulsando junto com brilho */
}

.botao .elementor-button-icon {
  font-size: 17px;
  color: white;
  margin-right: 8px;
  transition: transform 0.5s ease;
}

.botao:hover .elementor-button-icon {
  transform: translateX(5px) rotate(5deg);
}

.botao:active {
  opacity: 0.5;
}

/* Brilho que passa */
.botao::before {
  content: '';
  background: linear-gradient(10deg, #fff 12.81%, rgba(209, 210, 234, 0.00) 106.66%);
  width: 70px;
  height: 130%;
  position: absolute;
  transform: translateX(-50%) skew(-25deg);
  bottom: 0%;
  user-select: none;
  pointer-events: none;
  animation: shinery 5s infinite ease-in-out;
  filter: blur(3px);
}

@keyframes shinery {
  0%, 100% {
    left: -10%;
    opacity: 0;
  }
  20% {
    opacity: 1;
  }
  48% {
    left: 110%;
    opacity: 1;
  }
  51% {
    opacity: 0;
  }
}

/* Pulso */
@keyframes pulse {
  0% {
      box-shadow: 0 0 10px -20px #FF2226;
  }
  50% {
      box-shadow: 0px 0px 0px 30px transparent;
  }
  100% {
      box-shadow: 0px 0px 0px 0px transparent;
  }
}

.botao:hover {
  transform: translateY(-8px);
  box-shadow: none;
  transition: 1s;

}

.botao svg {
  font-size: 14px;
}

.botao:after {
  content: "";
  position: absolute;
  top: -10px;
  left: 50%;
  transform: translateX(-50%);
  width: 90%;
  height: 20px;
  background: radial-gradient(ellipse at center, #A4D9FF 20%, #A4D9FF50 70%, #A4D9FF00 100%);
  mix-blend-mode: screen;
  filter: blur(12px);
  pointer-events: none;
  z-index: 1;
}

.botao .elementor-button:before {
  content: "";
  position: absolute;
  top: -5px;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  height: 10px;
  background: radial-gradient(ellipse at center, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0.1) 40%, rgba(255, 255, 255, 0) 70%);
  pointer-events: none;
  z-index: 2;
}

.botao .elementor-button:after {
  content: "";
  position: absolute;
  bottom: -4.5px;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  height: 10px;
  background: radial-gradient(ellipse at center, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0.1) 40%, rgba(255, 255, 255, 0) 70%);
  pointer-events: none;
  z-index: 2;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-1e2e430 *//* Personalize utilizando o Easy Coder*/
:root {
    /* Cor de fundo principal do botão */
    --shiny-cta-bg: #000000;
    /* Cor da borda sutil do botão */
    --shiny-cta-bg-subtle: #1a1818;
    /* Cor do texto do botão */
    --shiny-cta-fg: #ffffff;
    /* Cor do destaque/brilho principal do botão */
    --shiny-cta-highlight: #74FE03;
    /* Cor do destaque/brilho mais suave (pode ser um tom mais claro de #74FE03, se preferir) */
    --shiny-cta-highlight-subtle: white;
}

@property --gradient-angle {
    syntax: "<angle>";
    initial-value: 0deg;
    inherits: false;
}

@property --gradient-angle-offset {
    syntax: "<angle>";
    initial-value: 0deg;
    inherits: false;
}

@property --gradient-percent {
    syntax: "<percentage>";
    initial-value: 5%;
    inherits: false;
}

@property --gradient-shine {
    syntax: "<color>";
    initial-value: white;
    inherits: false;
}

/* Estilos para dispositivos móveis (largura máxima de 600px) */
@media only screen and (max-width: 600px) {
    .elementor-488 .elementor-element.elementor-element-1e2e430 {
        /* Define a animação principal para o brilho */
        --animation: rotate-glow linear infinite;
        /* Duração da animação do brilho (3 segundos para uma volta completa) */
        --duration: 3s;
        /* Tamanho da sombra interna do botão */
        --shadow-size: 2px;
        isolation: isolate;
        position: relative;
        overflow: hidden;
        cursor: pointer;
        outline-offset: 4px;
        /* Preenchimento (padding) do botão para telas menores */
        padding: 1.25rem 1.5rem;

        /* Tamanho da fonte do texto */
        font-size: 1.325rem;
        line-height: 1.2;
        border: 1px solid transparent;
        /* Bordas arredondadas do botão (formato pílula) */
        border-radius: 360px;
        color: var(--shiny-cta-fg);
        background: linear-gradient(var(--shiny-cta-bg), var(--shiny-cta-bg)) padding-box,
                    conic-gradient(
                        from calc(var(--gradient-angle) - var(--gradient-angle-offset)),
                        transparent,
                        var(--shiny-cta-highlight) var(--gradient-percent),
                        var(--gradient-shine) calc(var(--gradient-percent) * 2),
                        var(--shiny-cta-highlight) calc(var(--gradient-percent) * 3),
                        transparent calc(var(--gradient-percent) * 4)
                    ) border-box;
        box-shadow: inset 0 0 0 1px var(--shiny-cta-bg-subtle);
        /* Transição suave para propriedades do brilho */
        transition: 800ms cubic-bezier(0.25, 1, 0.5, 1);
        transition-property: --gradient-angle-offset, --gradient-percent, --gradient-shine;
    }
}

/* Estilos para desktops e tablets (largura mínima de 600px) */
@media only screen and (min-width: 600px) {
    .elementor-488 .elementor-element.elementor-element-1e2e430 {
        /* Define a animação principal para o brilho */
        --animation: rotate-glow linear infinite;
        /* Duração da animação do brilho (3 segundos para uma volta completa) */
        --duration: 3s;
        /* Tamanho da sombra interna do botão */
        --shadow-size: 2px;
        isolation: isolate;
        position: relative;
        overflow: hidden;
        cursor: pointer;
        outline-offset: 4px;
        /* Preenchimento (padding) do botão para telas maiores */
        padding: 1.125rem 4.5rem;

        line-height: 1.2;
        border: 1px solid transparent;
        /* Bordas arredondadas do botão (formato pílula) */
        border-radius: 360px;
        color: var(--shiny-cta-fg);
        background: linear-gradient(var(--shiny-cta-bg), var(--shiny-cta-bg)) padding-box,
                    conic-gradient(
                        from calc(var(--gradient-angle) - var(--gradient-angle-offset)),
                        transparent,
                        var(--shiny-cta-highlight) var(--gradient-percent),
                        var(--gradient-shine) calc(var(--gradient-percent) * 2),
                        var(--shiny-cta-highlight) calc(var(--gradient-percent) * 3),
                        transparent calc(var(--gradient-percent) * 4)
                    ) border-box;
        box-shadow: inset 0 0 0 1px var(--shiny-cta-bg-subtle);
        /* Transição suave para propriedades do brilho */
        transition: 800ms cubic-bezier(0.25, 1, 0.5, 1);
        transition-property: --gradient-angle-offset, --gradient-percent, --gradient-shine;
    }
}

.elementor-488 .elementor-element.elementor-element-1e2e430::before,
.elementor-488 .elementor-element.elementor-element-1e2e430::after,
.elementor-488 .elementor-element.elementor-element-1e2e430 span::before {
    content: "";
    pointer-events: none;
    position: absolute;
    inset-inline-start: 50%;
    inset-block-start: 50%;
    translate: -50% -50%;
    z-index: -1;
}

.elementor-488 .elementor-element.elementor-element-1e2e430::before {
    /* Define o tamanho do pseudo-elemento */
    --size: calc(100% - var(--shadow-size) * 3);
    /* Posição inicial para o gradiente radial */
    --position: 2px;
    --space: calc(var(--position) * 2);
    width: var(--size);
    height: var(--size);
    background: radial-gradient(
                circle at var(--position) var(--position),
                white calc(var(--position) / 4),
                transparent 0
            ) padding-box;
    background-size: var(--space) var(--space);
    background-repeat: space;
    /* Máscara para o efeito de brilho em rotação */
    mask-image: conic-gradient(
                from calc(var(--gradient-angle) + 45deg),
                black 0%, /* Início da área preta */
                black 9%, /* Fim da área preta antes da transição */
                transparent 10%, /* Início da transição transparente */
                transparent 90%, /* Fim da transição transparente */
                black 91%, /* Início da área preta após a transição */
                black 100% /* Fim da área preta */
            );
    border-radius: inherit;
    opacity: 0.4;
}

.elementor-488 .elementor-element.elementor-element-1e2e430::after {
    /* Define a animação de brilho secundária */
    --animation: subtle-shine linear infinite;
    width: 100%;
    aspect-ratio: 1;
    background: linear-gradient(
                -50deg,
                transparent,
                var(--shiny-cta-highlight),
                transparent
            );
    mask-image: radial-gradient(circle at bottom, transparent 40%, black);
    opacity: 0.6;
}

.elementor-488 .elementor-element.elementor-element-1e2e430 span {
    z-index: 1;
    position: relative;
}

.elementor-488 .elementor-element.elementor-element-1e2e430 span::before {
    /* Definindo largura e altura para a área de brilho interno no hover */
    width: 370px;
    height: 90px;
    /* Sombra interna que aparece no hover */
    box-shadow: inset 0 -1ex 2rem 4px var(--shiny-cta-highlight);
    opacity: 0;
    transition: opacity 1500ms cubic-bezier(0.25, 1, 0.5, 1);
}

.elementor-488 .elementor-element.elementor-element-1e2e430:hover,
.elementor-488 .elementor-element.elementor-element-1e2e430:focus-visible {
    /* Aumenta a largura do brilho no hover */
    --gradient-percent: 20%;
    /* Desloca o ângulo do gradiente no hover */
    --gradient-angle-offset: 95deg;
    /* Altera a cor do brilho mais intenso no hover */
    --gradient-shine: var(--shiny-cta-highlight-subtle);
}



/* Animação para a rotação do gradiente de brilho */
@keyframes rotate-glow {
    to {
        --gradient-angle: 360deg;
    }
}

/* Animação para o efeito de brilho sutil */
@keyframes subtle-shine {
    to {
        transform: rotate(360deg);
    }
}

/* Animação para o efeito de "respiração" (não está sendo usada atualmente, mas definida) */
@keyframes pulse-effect {
    50% {
        transform: scale(1.2);
    }
}

.elementor-488 .elementor-element.elementor-element-1e2e430,
.elementor-488 .elementor-element.elementor-element-1e2e430::before,
.elementor-488 .elementor-element.elementor-element-1e2e430::after {
    /* Aplica as animações ao botão e seus pseudo-elementos */
    animation: var(--animation) var(--duration),
               var(--animation) calc(var(--duration) / 0.4) reverse paused;
    animation-composition: add;
}

.elementor-488 .elementor-element.elementor-element-1e2e430:hover,
.elementor-488 .elementor-element.elementor-element-1e2e430:hover::before,
.elementor-488 .elementor-element.elementor-element-1e2e430:hover::after {
    /* Inicia as animações ao passar o mouse */
    animation-play-state: running;
}/* End custom CSS */