.elementor-1420 .elementor-element.elementor-element-70bce2e{--display:grid;--e-con-grid-template-columns:repeat(3, 1fr);--e-con-grid-template-rows:repeat(2, 1fr);--grid-auto-flow:row;}.elementor-1420 .elementor-element.elementor-element-70bce2e:not(.elementor-motion-effects-element-type-background), .elementor-1420 .elementor-element.elementor-element-70bce2e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#080808;}.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-1420 .elementor-element.elementor-element-61d22ff .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-1420 .elementor-element.elementor-element-61d22ff.elementor-element{--align-self:center;}.elementor-1420 .elementor-element.elementor-element-0330b1a .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-1420 .elementor-element.elementor-element-0330b1a.elementor-element{--align-self:center;}.elementor-1420 .elementor-element.elementor-element-0330b1a{z-index:2;}.elementor-1420 .elementor-element.elementor-element-0330b1a .elementor-button-content-wrapper{flex-direction:row;}.elementor-1420 .elementor-element.elementor-element-0330b1a .elementor-button .elementor-button-content-wrapper{gap:15px;}.elementor-1420 .elementor-element.elementor-element-d935b98 .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-1420 .elementor-element.elementor-element-d935b98{width:var( --container-widget-width, 236px );max-width:236px;--container-widget-width:236px;--container-widget-flex-grow:0;}.elementor-1420 .elementor-element.elementor-element-d935b98.elementor-element{--align-self:center;}@media(max-width:1024px){.elementor-1420 .elementor-element.elementor-element-70bce2e{--grid-auto-flow:row;}}@media(max-width:767px){.elementor-1420 .elementor-element.elementor-element-70bce2e{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-1420 .elementor-element.elementor-element-61d22ff .elementor-button{font-size:18px;}.elementor-1420 .elementor-element.elementor-element-0330b1a .elementor-button{font-size:3vw;}.elementor-1420 .elementor-element.elementor-element-d935b98 .elementor-button{font-size:14px;padding:20px 31px 20px 31px;}}/* Start custom CSS for button, class: .elementor-element-61d22ff *//* 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-1420 .elementor-element.elementor-element-61d22ff {
        /* 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-1420 .elementor-element.elementor-element-61d22ff {
        /* 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-1420 .elementor-element.elementor-element-61d22ff::before,
.elementor-1420 .elementor-element.elementor-element-61d22ff::after,
.elementor-1420 .elementor-element.elementor-element-61d22ff span::before {
    content: "";
    pointer-events: none;
    position: absolute;
    inset-inline-start: 50%;
    inset-block-start: 50%;
    translate: -50% -50%;
    z-index: -1;
}

.elementor-1420 .elementor-element.elementor-element-61d22ff::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-1420 .elementor-element.elementor-element-61d22ff::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-1420 .elementor-element.elementor-element-61d22ff span {
    z-index: 1;
    position: relative;
}

.elementor-1420 .elementor-element.elementor-element-61d22ff 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-1420 .elementor-element.elementor-element-61d22ff:hover,
.elementor-1420 .elementor-element.elementor-element-61d22ff: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-1420 .elementor-element.elementor-element-61d22ff,
.elementor-1420 .elementor-element.elementor-element-61d22ff::before,
.elementor-1420 .elementor-element.elementor-element-61d22ff::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-1420 .elementor-element.elementor-element-61d22ff:hover,
.elementor-1420 .elementor-element.elementor-element-61d22ff:hover::before,
.elementor-1420 .elementor-element.elementor-element-61d22ff:hover::after {
    /* Inicia as animações ao passar o mouse */
    animation-play-state: running;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-0330b1a */.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-d935b98 *//* BOTÃO COM GRADIENTE ANIMADO - TEXTURA VIVA */
.elementor-1420 .elementor-element.elementor-element-d935b98 .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 */