.elementor-10 .elementor-element.elementor-element-cc004b8{--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-10 .elementor-element.elementor-element-290b2d0 .elementor-button{background-color:#00000000;font-family:"Unbounded", Sans-serif;font-size:16px;font-weight:400;line-height:1.4em;fill:#FFFFFF;color:#FFFFFF;border-style:none;border-radius:0px 0px 0px 0px;padding:15px 40px 15px 40px;}.elementor-10 .elementor-element.elementor-element-290b2d0.elementor-element{--align-self:center;}.elementor-10 .elementor-element.elementor-element-176bdeb{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-10 .elementor-element.elementor-element-4c6e689{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-10 .elementor-element.elementor-element-52a0d21 .elementor-button{font-family:"Unbounded", Sans-serif;font-size:16px;font-weight:400;line-height:1.4em;fill:#000000;color:#000000;}.elementor-10 .elementor-element.elementor-element-59f82e8{padding:0px 0px 0px 0px;}.elementor-10 .elementor-element.elementor-element-be6d619{--display:flex;}.elementor-10 .elementor-element.elementor-element-fa063b1 .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-10 .elementor-element.elementor-element-fa063b1{padding:0px 0px 0px 0px;}.elementor-10 .elementor-element.elementor-element-fa063b1.elementor-element{--align-self:center;}.elementor-10 .elementor-element.elementor-element-92c49b4{--display:flex;}.elementor-10 .elementor-element.elementor-element-b964d63 .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-10 .elementor-element.elementor-element-b964d63.elementor-element{--align-self:center;}.elementor-10 .elementor-element.elementor-element-d3c88cb{--display:flex;}.elementor-10 .elementor-element.elementor-element-925cee1.elementor-element{--align-self:center;}.elementor-10 .elementor-element.elementor-element-925cee1 .elementor-button{font-family:"Unbounded", Sans-serif;font-size:16px;font-weight:400;line-height:1.4em;padding:15px 45px 15px 045px;}.elementor-10 .elementor-element.elementor-element-dd4c020{--display:flex;}.elementor-10 .elementor-element.elementor-element-72fe499.elementor-element{--align-self:center;}.elementor-10 .elementor-element.elementor-element-8b14df9{--display:flex;}.elementor-10 .elementor-element.elementor-element-8a917c5 .elementor-button{background-color:#B2FE0200;font-family:"Unbounded", Sans-serif;font-size:18px;font-weight:500;line-height:1.4em;fill:#000000;color:#000000;border-radius:0px 0px 0px 0px;padding:10px 30px 10px 30px;}.elementor-10 .elementor-element.elementor-element-8a917c5.elementor-element{--align-self:center;}.elementor-10 .elementor-element.elementor-element-79d0b1b{--display:flex;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-10 .elementor-element.elementor-element-31cf871{padding:12px 40px 12px 40px;}.elementor-10 .elementor-element.elementor-element-31cf871.elementor-element{--align-self:center;}.elementor-10 .elementor-element.elementor-element-31cf871 .elementor-heading-title{font-family:"Unbounded", Sans-serif;font-size:18px;font-weight:700;line-height:46px;color:#FFFFFF;}.elementor-10 .elementor-element.elementor-element-cb4ec67{--display:flex;}.elementor-10 .elementor-element.elementor-element-beea4be .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-10 .elementor-element.elementor-element-beea4be.elementor-element{--align-self:center;}.elementor-10 .elementor-element.elementor-element-322c421{--display:flex;}.elementor-10 .elementor-element.elementor-element-c517b0c .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-10 .elementor-element.elementor-element-c517b0c.elementor-element{--align-self:center;}.elementor-10 .elementor-element.elementor-element-4bd5c23{--display:flex;}.elementor-10 .elementor-element.elementor-element-09cfc3f .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-10 .elementor-element.elementor-element-09cfc3f.elementor-element{--align-self:center;}.elementor-10 .elementor-element.elementor-element-f997d24{--display:flex;}.elementor-10 .elementor-element.elementor-element-aa8cc28{z-index:1;}.elementor-10 .elementor-element.elementor-element-b137a50{--display:flex;}.elementor-10 .elementor-element.elementor-element-4003b5c{width:initial;max-width:initial;z-index:3;border-radius:20px 20px 20px 20px;}.elementor-10 .elementor-element.elementor-element-4003b5c .elementor-wrapper{--video-aspect-ratio:1.77777;}body.elementor-page-10:not(.elementor-motion-effects-element-type-background), body.elementor-page-10 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}@media(max-width:1024px){.elementor-10 .elementor-element.elementor-element-31cf871{text-align:center;}.elementor-10 .elementor-element.elementor-element-31cf871 .elementor-heading-title{font-size:20px;line-height:1.5em;}}@media(max-width:767px){.elementor-10 .elementor-element.elementor-element-290b2d0 .elementor-button{font-size:14px;}.elementor-10 .elementor-element.elementor-element-52a0d21 .elementor-button{font-size:14px;}.elementor-10 .elementor-element.elementor-element-925cee1 .elementor-button{font-size:18px;}.elementor-10 .elementor-element.elementor-element-8a917c5 .elementor-button{font-size:18px;}.elementor-10 .elementor-element.elementor-element-31cf871{padding:15px 40px 15px 40px;}.elementor-10 .elementor-element.elementor-element-31cf871 .elementor-heading-title{font-size:20px;line-height:1.5em;}.elementor-10 .elementor-element.elementor-element-beea4be .elementor-button{font-size:18px;}.elementor-10 .elementor-element.elementor-element-c517b0c .elementor-button{font-size:18px;}.elementor-10 .elementor-element.elementor-element-09cfc3f .elementor-button{font-size:18px;}}/* Start custom CSS for button, class: .elementor-element-290b2d0 *//* Personalizar utilizando o Easy Coder*/
.elementor-10 .elementor-element.elementor-element-290b2d0 {
  border-radius: 12px; /* Cantos arredondados do botão */
  background: linear-gradient(90deg, #0B66B4 0%, #43CE9D 100%); 
  /* Fundo com um degradê de azul para verde */
  box-shadow: 0 20px 30px -6px rgba(11, 102, 180, 0.46); 
  /* Sombra do botão, com um tom do gradiente (cor do azul) para dar profundidade */
  
  outline: none; /* Remove a borda externa (foco) do botão */
  cursor: pointer; /* Muda o cursor para "mãozinha" quando passa o mouse sobre o botão */
  border: none; /* Remove qualquer borda do botão */
  transition: 0.5s; /* Transição suave de 0.5 segundos para animações */
  position: relative; /* Posicionamento relativo, necessário para o uso do ::before */
  overflow: hidden; /* Garante que os elementos internos não ultrapassem os limites do botão */
  display: inline-flex; /* Alinha o conteúdo do botão em linha com flexbox */
  align-items: center; /* Alinha o conteúdo (ícone + texto) ao centro verticalmente */
  color: white; /* Cor do texto do botão (branco) */
}

/* Estilizando o ícone do Elementor que pode ser incluído no botão */
.elementor-10 .elementor-element.elementor-element-290b2d0 .elementor-button-icon {
  font-size: 17px; /* Tamanho do ícone dentro do botão */
  color: white; /* Cor do ícone (branco) */
  margin-right: 8px; /* Espaço entre o ícone e o texto */
  transition: transform 0.5s ease; /* Transição suave para animações quando o ícone for movido */
}

/* Microinteração no hover: o ícone do botão se move e gira */
.elementor-10 .elementor-element.elementor-element-290b2d0:hover .elementor-button-icon {
  transform: translateX(5px) rotate(5deg); 
  /* Quando o mouse passar sobre o botão, o ícone se move para a direita e gira um pouco */
}

/* Efeito visual ao pressionar o botão (efeito de clique) */
.elementor-10 .elementor-element.elementor-element-290b2d0:active {
  opacity: 0.5; /* Diminui a opacidade do botão para indicar que está sendo pressionado */
}

/* Efeito de luz passando em diagonal sobre o botão */
.elementor-10 .elementor-element.elementor-element-290b2d0::before {
  content: ''; /* Necessário para o uso do ::before, já que ele não carrega conteúdo por si só */
  background: linear-gradient(10deg, #D1D2EA 12.81%, rgba(209, 210, 234, 0.00) 66.66%); 
  /* Gradiente de luz (um tom de cinza claro para transparente) */
  width: 70px; /* Largura da luz (fica com uma linha fina) */
  height: 130%; /* A altura da luz é maior que o botão, para "passar por ele" */
  position: absolute; /* Coloca a luz sobre o botão */
  transform: translateX(-50%) skew(-25deg); 
  /* Centraliza a luz e a inclina para dar o efeito de movimento */
  bottom: 0%; /* Coloca a luz no fundo do botão */
  user-select: none; /* Impede que a luz seja selecionada ao clicar */
  pointer-events: none; /* Impede que a luz interaja com o mouse */
  animation: shinery 3s infinite ease-in-out; 
  /* Animação da luz com o nome "shinery", que se move por 3 segundos e repete infinitamente */
  filter: blur(3px); /* Aplica um desfoque à luz para dar um efeito mais suave */
}

/* Keyframes da animação da luz (a luz se move de um lado para o outro e desaparece) */
@keyframes shinery {
  0%, 100% {
    left: -10%; /* A luz começa fora da tela à esquerda */
    opacity: 0; /* Começa invisível */
  }
  20% {
    opacity: 1; /* Fica visível */
  }
  48% {
    left: 110%; /* A luz se move para a direita fora da tela */
    opacity: 1; /* Mantém visível */
  }
  51% {
    opacity: 0; /* Fica invisível novamente */
  }
}

/* Efeito de hover no botão: ao passar o mouse sobre ele */
.elementor-10 .elementor-element.elementor-element-290b2d0:hover {
  transform: translateY(-8px); /* O botão se move um pouco para cima */
  box-shadow: none; /* Remove a sombra do botão quando o hover ocorre */
  transition: 0.5s; /* Transição suave de 0.5 segundos */
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-52a0d21 */.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-fa063b1 *//* BOTÃO EM ESTADO PADRÃO (gradiente vermelho) */
.elementor-10 .elementor-element.elementor-element-fa063b1 .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-10 .elementor-element.elementor-element-fa063b1: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-10 .elementor-element.elementor-element-fa063b1 .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-10 .elementor-element.elementor-element-fa063b1 .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-b964d63 *//* BOTÃO BASE - ESTILO GERAL */
.elementor-10 .elementor-element.elementor-element-b964d63 .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-10 .elementor-element.elementor-element-b964d63 .elementor-button::before,
.elementor-10 .elementor-element.elementor-element-b964d63 .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-10 .elementor-element.elementor-element-b964d63 .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-10 .elementor-element.elementor-element-b964d63 .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-10 .elementor-element.elementor-element-b964d63 .elementor-button:hover::after {
    opacity: 1;
}

/* AO CLICAR: botão desce e a sombra muda */
.elementor-10 .elementor-element.elementor-element-b964d63 .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-10 .elementor-element.elementor-element-b964d63 .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-10 .elementor-element.elementor-element-b964d63 .elementor-button-text {
    line-height: normal;
    text-align: center;
}

/* FOCO COM ACESSIBILIDADE (teclado) */
.elementor-10 .elementor-element.elementor-element-b964d63 .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-925cee1 *//* Estilo básico para o botão do Elementor */
.elementor-10 .elementor-element.elementor-element-925cee1 .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-10 .elementor-element.elementor-element-925cee1 .elementor-button:hover {
  color: black !important;
}

/* Efeito da camada branca por trás do botão */
.elementor-10 .elementor-element.elementor-element-925cee1 .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-10 .elementor-element.elementor-element-925cee1 .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-8a917c5 */.botao-030 {
  background: #fbca1f;
  font-family: inherit;
  padding: 0.6em 1.3em;
  font-weight: 900;
  font-size: 18px;
  border: 3px solid black;
  border-radius: 0.4em;
  box-shadow: 0.1em 0.1em;
  cursor: pointer;
}

.botao-030:hover {
  transform: translate(-0.05em, -0.05em);
  box-shadow: 0.15em 0.15em;
}

.botao-030:active {
  transform: translate(0.05em, 0.05em);
  box-shadow: 0.05em 0.05em;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-31cf871 *//* UTILIZE O EASY CODER PARA PERSONALIZAR */


.elementor-10 .elementor-element.elementor-element-31cf871,
.elementor-10 .elementor-element.elementor-element-31cf871 *,
.elementor-10 .elementor-element.elementor-element-31cf871 :after,
.elementor-10 .elementor-element.elementor-element-31cf871 :before,
.elementor-10 .elementor-element.elementor-element-31cf871:after,
.elementor-10 .elementor-element.elementor-element-31cf871:before {
  border: 0 solid;
  box-sizing: border-box;
}

.elementor-10 .elementor-element.elementor-element-31cf871 {
  -webkit-tap-highlight-color: transparent;
  -webkit-appearance: button;
  background-color: #000;
  background-image: none;
  color: #fff;
  cursor: pointer;
  margin: 0;
  -webkit-mask-image: -webkit-radial-gradient(#000, #fff);
  padding: 0;
  text-transform: uppercase;
  border-radius: 99rem;
  border-width: 2px;

  z-index: 0;
  overflow: hidden;
  position: relative;
}

.elementor-10 .elementor-element.elementor-element-31cf871 .text-container {
  display: block;
  mix-blend-mode: difference;
  overflow: hidden;
  position: relative;
}

.elementor-10 .elementor-element.elementor-element-31cf871 .text {
  display: block;
  position: relative;
}

.elementor-10 .elementor-element.elementor-element-31cf871:hover .text {
  animation: move-up-alternate 0.3s forwards;
}

@keyframes move-up-alternate {
  0% { transform: translateY(0); }
  50% { transform: translateY(80%); }
  51% { transform: translateY(-80%); }
  100% { transform: translateY(0); }
}

.elementor-10 .elementor-element.elementor-element-31cf871:after,
.elementor-10 .elementor-element.elementor-element-31cf871:before {
  --skew: 0.2;
  background: #fff;
  content: "";
  display: block;
  height: 102%;
  left: calc(-50% - 50% * var(--skew));
  pointer-events: none;
  position: absolute;
  top: -104%;
  transform: skew(calc(150deg * var(--skew))) translateY(var(--progress, 0));
  transition: transform 0.2s ease;
  width: 100%;
}

.elementor-10 .elementor-element.elementor-element-31cf871:after {
  --progress: 0%;
  left: calc(50% + 50% * var(--skew));
  top: 102%;
  z-index: -1;
}

.elementor-10 .elementor-element.elementor-element-31cf871:hover:before {
  --progress: 100%;
}

.elementor-10 .elementor-element.elementor-element-31cf871:hover:after {
  --progress: -102%;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-beea4be */.elementor-10 .elementor-element.elementor-element-beea4be {
  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-10 .elementor-element.elementor-element-beea4be .elementor-button-icon {
  font-size: 17px;
  color: white;
  margin-right: 8px;
  transition: transform 0.5s ease;
}

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

.elementor-10 .elementor-element.elementor-element-beea4be:active {
  opacity: 0.5;
}

.elementor-10 .elementor-element.elementor-element-beea4be::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-10 .elementor-element.elementor-element-beea4be:hover {
  transform: translateY(-8px);
  box-shadow: none;
  transition: 0.5s;
}

.elementor-10 .elementor-element.elementor-element-beea4be svg {
  font-size: 14px;
}
.elementor-10 .elementor-element.elementor-element-beea4be: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-10 .elementor-element.elementor-element-beea4be .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-10 .elementor-element.elementor-element-beea4be .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-c517b0c */.elementor-10 .elementor-element.elementor-element-c517b0c .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-10 .elementor-element.elementor-element-c517b0c .elementor-button:hover {
    background-size: 100% 100%;
    transition: all .4s ease;
    box-shadow: 0px 0px 150px 20px #3BDA5750;
    filter: brightness(125%);
}

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

.elementor-10 .elementor-element.elementor-element-c517b0c .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-10 .elementor-element.elementor-element-c517b0c .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-09cfc3f *//* 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-10 .elementor-element.elementor-element-09cfc3f {
        /* 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-10 .elementor-element.elementor-element-09cfc3f {
        /* 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-10 .elementor-element.elementor-element-09cfc3f::before,
.elementor-10 .elementor-element.elementor-element-09cfc3f::after,
.elementor-10 .elementor-element.elementor-element-09cfc3f span::before {
    content: "";
    pointer-events: none;
    position: absolute;
    inset-inline-start: 50%;
    inset-block-start: 50%;
    translate: -50% -50%;
    z-index: -1;
}

.elementor-10 .elementor-element.elementor-element-09cfc3f::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-10 .elementor-element.elementor-element-09cfc3f::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-10 .elementor-element.elementor-element-09cfc3f span {
    z-index: 1;
    position: relative;
}

.elementor-10 .elementor-element.elementor-element-09cfc3f 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-10 .elementor-element.elementor-element-09cfc3f:hover,
.elementor-10 .elementor-element.elementor-element-09cfc3f: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-10 .elementor-element.elementor-element-09cfc3f,
.elementor-10 .elementor-element.elementor-element-09cfc3f::before,
.elementor-10 .elementor-element.elementor-element-09cfc3f::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-10 .elementor-element.elementor-element-09cfc3f:hover,
.elementor-10 .elementor-element.elementor-element-09cfc3f:hover::before,
.elementor-10 .elementor-element.elementor-element-09cfc3f:hover::after {
    /* Inicia as animações ao passar o mouse */
    animation-play-state: running;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-aa8cc28 */.elementor-10 .elementor-element.elementor-element-aa8cc28 { 
  pointer-events: none; 
  display: table; 
  width: 100vw; 
  height: 100vh; 
  position: fixed; 
  background-color: transparent; 
  line-height: 1.6; 
  font-family: sans-serif; 
  overflow: hidden; 
  top: 0; 
  left: 0; 
  z-index: 9999; 
} 

.moving-lines { 
  position: absolute; 
  top: 50%; 
  left: 50%; 
  transform: translate(-50%, -50%); /* Centraliza as linhas */ 
  width: 100%; 
  height: 100%; 
} 

.moving-line { 
  position: absolute; 
  width: 1.5px; /* Garantindo que todas as linhas tenham a mesma largura */
  height: 100%; 
  top: 0; 
  left: 50%; 
  background: #ffffff10; 
  overflow: hidden; 
} 

.moving-line::after { 
  content: ""; 
  display: block; 
  position: absolute; 
  height: 15vh; 
  width: 100%; 
  top: -50%; 
  left: 0; 
  background: linear-gradient(to bottom, transparent, #ffffff50); 
  -webkit-animation: rainDrop 7s 0s infinite; 
          animation: rainDrop 5s 0s infinite; 
  -webkit-animation-fill-mode: forwards; 
          animation-fill-mode: forwards; 
  -webkit-animation-timing-function: cubic-bezier(0.4, 0.26, 0, 0.97); 
          animation-timing-function: cubic-bezier(0.4, 0.26, 0, 0.97); 
} 

.moving-line:nth-child(1) { 
  margin-left: -30%;
  width: 1.5px; 
}

.moving-line:nth-child(1)::after { 
  -webkit-animation-delay: 2s; 
          animation-delay: 2s; 
} 


.moving-line:nth-child(2) { 
  margin-left: -10%; 
  width: 1.5px; 
} 

.moving-line:nth-child(2)::after { 
  -webkit-animation-delay: 2.5s; 
          animation-delay: 2.5s; 
} 

.moving-line:nth-child(3) { 
  margin-left: 10%; 
  width: 1.5px;
} 

.moving-line:nth-child(3)::after { 
  -webkit-animation-delay: 3s; 
          animation-delay: 3s; 
} 

.moving-line:nth-child(4) { 
  margin-left: 30%; 
  width: 1.5px; /* Garantido que a largura da quarta linha seja a mesma */
} 

.moving-line:nth-child(4)::after { 
  -webkit-animation-delay: 3.5s; 
          animation-delay: 3.5s; 
} 

@-webkit-keyframes rainDrop { 
  0% { 
    top: -50%; 
  } 
  100% { 
    top: 110%; 
  } 
} 

@keyframes rainDrop { 
  0% { 
    top: -50%; 
  } 
  100% { 
    top: 110%; 
  } 
}/* End custom CSS */