.elementor-3254 .elementor-element.elementor-element-519e3dca{--display:flex;--min-height:996px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--justify-content:center;--background-transition:0.3s;--padding-block-start:3em;--padding-block-end:3em;--padding-inline-start:0em;--padding-inline-end:0em;}.elementor-3254 .elementor-element.elementor-element-519e3dca:not(.elementor-motion-effects-element-type-background), .elementor-3254 .elementor-element.elementor-element-519e3dca > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:var(--e-bg-lazyload-loaded);--e-bg-lazyload:url("https://lp.victordotti.com.br/wp-content/uploads/2026/03/herocomunidadedotti.webp");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-3254 .elementor-element.elementor-element-519e3dca, .elementor-3254 .elementor-element.elementor-element-519e3dca::before{--border-transition:0.3s;}.elementor-3254 .elementor-element.elementor-element-14a7996d .elementor-image-box-wrapper{text-align:center;}.elementor-3254 .elementor-element.elementor-element-14a7996d.elementor-position-right .elementor-image-box-img{margin-left:16px;}.elementor-3254 .elementor-element.elementor-element-14a7996d.elementor-position-left .elementor-image-box-img{margin-right:16px;}.elementor-3254 .elementor-element.elementor-element-14a7996d.elementor-position-top .elementor-image-box-img{margin-bottom:16px;}.elementor-3254 .elementor-element.elementor-element-14a7996d .elementor-image-box-img img{transition-duration:0.3s;}.elementor-3254 .elementor-element.elementor-element-14a7996d .elementor-image-box-title{color:#FFFFFF;font-family:"DM Sans", Sans-serif;font-size:37px;font-weight:600;}.elementor-3254 .elementor-element.elementor-element-14a7996d .elementor-image-box-description{color:#FFFFFF;font-family:"DM Sans", Sans-serif;font-size:28px;font-weight:400;}.elementor-3254 .elementor-element.elementor-element-14a7996d > .elementor-widget-container{margin:0px 0px 20px 0px;}.elementor-3254 .elementor-element.elementor-element-14a7996d{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;z-index:5;}.elementor-3254 .elementor-element.elementor-element-14a7996d.elementor-element{--align-self:center;}.elementor-3254 .elementor-element.elementor-element-21807be2 .elementor-button{font-family:"DM Sans", Sans-serif;font-size:20px;font-weight:700;text-transform:uppercase;fill:#FFFFFF;color:#FFFFFF;background-color:#FF0000;border-radius:100px 100px 100px 100px;padding:24px 48px 24px 48px;}.elementor-3254 .elementor-element.elementor-element-21807be2 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:8px 0px 8px 0px;}.elementor-3254 .elementor-element.elementor-element-21807be2.elementor-element{--align-self:center;}.elementor-3254 .elementor-element.elementor-element-21807be2{z-index:5;}.elementor-3254 .elementor-element.elementor-element-91cddd9 .elementor-button .elementor-align-icon-right{margin-left:0px;}.elementor-3254 .elementor-element.elementor-element-91cddd9 .elementor-button .elementor-align-icon-left{margin-right:0px;}.elementor-3254 .elementor-element.elementor-element-91cddd9 .elementor-button{font-family:"DM Sans", Sans-serif;font-size:20px;font-weight:700;text-transform:uppercase;fill:#FFFFFF;color:#FFFFFF;background-color:#FF0000;border-radius:100px 100px 100px 100px;padding:24px 48px 24px 48px;}.elementor-3254 .elementor-element.elementor-element-91cddd9 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:8px 0px 8px 0px;}.elementor-3254 .elementor-element.elementor-element-91cddd9.elementor-element{--align-self:center;}.elementor-3254 .elementor-element.elementor-element-91cddd9{z-index:5;}.elementor-3254 .elementor-element.elementor-element-2bb5d3c8 .elementor-button{font-family:"DM Sans", Sans-serif;font-size:20px;font-weight:700;text-transform:uppercase;fill:#FFFFFF;color:#FFFFFF;background-color:#FF0000;border-radius:100px 100px 100px 100px;padding:24px 48px 24px 48px;}.elementor-3254 .elementor-element.elementor-element-2bb5d3c8 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:8px 0px 8px 0px;}.elementor-3254 .elementor-element.elementor-element-2bb5d3c8.elementor-element{--align-self:center;}.elementor-3254 .elementor-element.elementor-element-2bb5d3c8{z-index:5;}.elementor-3254 .elementor-element.elementor-element-393ae017 .elementor-button{font-family:"DM Sans", Sans-serif;font-size:20px;font-weight:700;text-transform:uppercase;fill:#FFFFFF;color:#FFFFFF;background-color:#FF0000;border-radius:100px 100px 100px 100px;padding:24px 48px 24px 48px;}.elementor-3254 .elementor-element.elementor-element-393ae017 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:8px 0px 8px 0px;}.elementor-3254 .elementor-element.elementor-element-393ae017.elementor-element{--align-self:center;}.elementor-3254 .elementor-element.elementor-element-393ae017{z-index:5;}.elementor-3254 .elementor-element.elementor-element-7993e384 .elementor-button{font-family:"DM Sans", Sans-serif;font-size:20px;font-weight:700;text-transform:uppercase;fill:#FFFFFF;color:#FFFFFF;background-color:#FF0000;border-radius:100px 100px 100px 100px;padding:24px 48px 24px 48px;}.elementor-3254 .elementor-element.elementor-element-7993e384 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:8px 0px 8px 0px;}.elementor-3254 .elementor-element.elementor-element-7993e384.elementor-element{--align-self:center;}.elementor-3254 .elementor-element.elementor-element-7993e384{z-index:5;}.elementor-3254 .elementor-element.elementor-element-4bea2104 .elementor-button{font-family:"DM Sans", Sans-serif;font-size:20px;font-weight:700;text-transform:uppercase;fill:#FFFFFF;color:#FFFFFF;background-color:#FF0000;border-radius:100px 100px 100px 100px;padding:24px 48px 24px 48px;}.elementor-3254 .elementor-element.elementor-element-4bea2104 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:8px 0px 8px 0px;}.elementor-3254 .elementor-element.elementor-element-4bea2104.elementor-element{--align-self:center;}.elementor-3254 .elementor-element.elementor-element-4bea2104{z-index:5;}.elementor-3254 .elementor-element.elementor-element-667168cf .elementor-button{font-family:"DM Sans", Sans-serif;font-size:20px;font-weight:700;text-transform:uppercase;fill:#FFFFFF;color:#FFFFFF;background-color:#FF0000;border-radius:100px 100px 100px 100px;padding:24px 48px 24px 48px;}.elementor-3254 .elementor-element.elementor-element-667168cf > .elementor-widget-container{margin:0px 0px 0px 0px;padding:8px 0px 8px 0px;}.elementor-3254 .elementor-element.elementor-element-667168cf.elementor-element{--align-self:center;}.elementor-3254 .elementor-element.elementor-element-667168cf{z-index:5;}.elementor-3254 .elementor-element.elementor-element-1bf29a15 .elementor-button{font-family:"DM Sans", Sans-serif;font-size:20px;font-weight:700;text-transform:uppercase;fill:#FFFFFF;color:#FFFFFF;background-color:#FF0000;border-radius:100px 100px 100px 100px;padding:24px 48px 24px 48px;}.elementor-3254 .elementor-element.elementor-element-1bf29a15 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:8px 0px 8px 0px;}.elementor-3254 .elementor-element.elementor-element-1bf29a15.elementor-element{--align-self:center;}.elementor-3254 .elementor-element.elementor-element-1bf29a15{z-index:5;}.elementor-3254 .elementor-element.elementor-element-627b2087 .elementor-wrapper{--video-aspect-ratio:1.77777;}.elementor-3254 .elementor-element.elementor-element-627b2087{width:var( --container-widget-width, 60% );max-width:60%;--container-widget-width:60%;--container-widget-flex-grow:0;z-index:5;}.elementor-3254 .elementor-element.elementor-element-627b2087.elementor-element{--align-self:center;--order:99999 /* order end hack */;}.elementor-3254 .elementor-element.elementor-element-627b2087 > .elementor-widget-container{border-radius:20px 20px 20px 20px;}.elementor-3254 .elementor-element.elementor-element-791219c2{--display:flex;--min-height:100px;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--justify-content:space-between;--align-items:center;--background-transition:0.3s;--margin-block-start:0px;--margin-block-end:0px;--margin-inline-start:0px;--margin-inline-end:0px;--padding-block-start:30px;--padding-block-end:30px;--padding-inline-start:0px;--padding-inline-end:0px;--z-index:2;}.elementor-3254 .elementor-element.elementor-element-791219c2:not(.elementor-motion-effects-element-type-background), .elementor-3254 .elementor-element.elementor-element-791219c2 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-3254 .elementor-element.elementor-element-791219c2, .elementor-3254 .elementor-element.elementor-element-791219c2::before{--border-transition:0.3s;}.elementor-3254 .elementor-element.elementor-element-4e33277{text-align:center;}.elementor-3254 .elementor-element.elementor-element-4e33277 .elementor-heading-title{color:#838383;font-family:"DM Sans", Sans-serif;font-size:16px;font-weight:300;}.elementor-3254 .elementor-element.elementor-element-20b5682f .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-bottom:calc(22px/2);}.elementor-3254 .elementor-element.elementor-element-20b5682f .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-top:calc(22px/2);}.elementor-3254 .elementor-element.elementor-element-20b5682f .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-right:calc(22px/2);margin-left:calc(22px/2);}.elementor-3254 .elementor-element.elementor-element-20b5682f .elementor-icon-list-items.elementor-inline-items{margin-right:calc(-22px/2);margin-left:calc(-22px/2);}body.rtl .elementor-3254 .elementor-element.elementor-element-20b5682f .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{left:calc(-22px/2);}body:not(.rtl) .elementor-3254 .elementor-element.elementor-element-20b5682f .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{right:calc(-22px/2);}.elementor-3254 .elementor-element.elementor-element-20b5682f .elementor-icon-list-icon i{color:var( --e-global-color-primary );transition:color 0.3s;}.elementor-3254 .elementor-element.elementor-element-20b5682f .elementor-icon-list-icon svg{fill:var( --e-global-color-primary );transition:fill 0.3s;}.elementor-3254 .elementor-element.elementor-element-20b5682f{--e-icon-list-icon-size:19px;--icon-vertical-offset:0px;}.elementor-3254 .elementor-element.elementor-element-20b5682f .elementor-icon-list-item > .elementor-icon-list-text, .elementor-3254 .elementor-element.elementor-element-20b5682f .elementor-icon-list-item > a{font-family:"DM Sans", Sans-serif;font-size:16px;font-weight:300;line-height:1.5em;}.elementor-3254 .elementor-element.elementor-element-20b5682f .elementor-icon-list-text{color:#838383;transition:color 0.3s;}.elementor-3254 .elementor-element.elementor-element-40f7d333{--display:flex;--background-transition:0.3s;--margin-block-start:-3em;--margin-block-end:0em;--margin-inline-start:0em;--margin-inline-end:0em;--padding-block-start:0px;--padding-block-end:0px;--padding-inline-start:0px;--padding-inline-end:0px;}.elementor-3254 .elementor-element.elementor-element-25fccd25{z-index:1;}.elementor-3254 .elementor-element.elementor-element-a76d5d0{z-index:1;}.elementor-3254 .elementor-element.elementor-element-ecae016{z-index:1;}body.elementor-page-3254:not(.elementor-motion-effects-element-type-background), body.elementor-page-3254 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}@media(max-width:1024px){.elementor-3254 .elementor-element.elementor-element-791219c2{--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--justify-content:center;--gap:20px 20px;--margin-block-start:0px;--margin-block-end:0px;--margin-inline-start:0px;--margin-inline-end:0px;--padding-block-start:5vw;--padding-block-end:5vw;--padding-inline-start:5vw;--padding-inline-end:5vw;}.elementor-3254 .elementor-element.elementor-element-4e33277{text-align:center;}.elementor-3254 .elementor-element.elementor-element-4e33277 .elementor-heading-title{font-size:16px;line-height:1.2em;}}@media(min-width:768px){.elementor-3254 .elementor-element.elementor-element-519e3dca{--content-width:1280px;}}@media(max-width:767px){.elementor-3254 .elementor-element.elementor-element-519e3dca{--min-height:519px;--justify-content:flex-start;}.elementor-3254 .elementor-element.elementor-element-14a7996d .elementor-image-box-img{margin-bottom:11px;}.elementor-3254 .elementor-element.elementor-element-14a7996d.elementor-position-right .elementor-image-box-img{margin-left:11px;}.elementor-3254 .elementor-element.elementor-element-14a7996d.elementor-position-left .elementor-image-box-img{margin-right:11px;}.elementor-3254 .elementor-element.elementor-element-14a7996d.elementor-position-top .elementor-image-box-img{margin-bottom:11px;}.elementor-3254 .elementor-element.elementor-element-14a7996d .elementor-image-box-title{margin-bottom:10px;font-size:24px;}.elementor-3254 .elementor-element.elementor-element-14a7996d .elementor-image-box-description{font-size:20px;}.elementor-3254 .elementor-element.elementor-element-14a7996d{--container-widget-width:436px;--container-widget-flex-grow:0;width:var( --container-widget-width, 436px );max-width:436px;}.elementor-3254 .elementor-element.elementor-element-14a7996d.elementor-element{--align-self:center;}.elementor-3254 .elementor-element.elementor-element-21807be2 .elementor-button{font-size:18px;padding:16px 24px 16px 24px;}.elementor-3254 .elementor-element.elementor-element-91cddd9 .elementor-button{font-size:18px;padding:16px 24px 16px 24px;}.elementor-3254 .elementor-element.elementor-element-2bb5d3c8 .elementor-button{font-size:18px;padding:16px 24px 16px 24px;}.elementor-3254 .elementor-element.elementor-element-393ae017 .elementor-button{font-size:18px;padding:16px 24px 16px 24px;}.elementor-3254 .elementor-element.elementor-element-7993e384 .elementor-button{font-size:18px;padding:16px 24px 16px 24px;}.elementor-3254 .elementor-element.elementor-element-4bea2104 .elementor-button{font-size:18px;padding:16px 24px 16px 24px;}.elementor-3254 .elementor-element.elementor-element-667168cf .elementor-button{font-size:18px;padding:16px 24px 16px 24px;}.elementor-3254 .elementor-element.elementor-element-1bf29a15 .elementor-button{font-size:18px;padding:16px 24px 16px 24px;}.elementor-3254 .elementor-element.elementor-element-627b2087{--container-widget-width:400px;--container-widget-flex-grow:0;width:var( --container-widget-width, 400px );max-width:400px;}.elementor-3254 .elementor-element.elementor-element-791219c2{--gap:20px 20px;--margin-block-start:0px;--margin-block-end:0px;--margin-inline-start:0px;--margin-inline-end:0px;--padding-block-start:10vw;--padding-block-end:10vw;--padding-inline-start:5vw;--padding-inline-end:5vw;}.elementor-3254 .elementor-element.elementor-element-4e33277{text-align:center;}.elementor-3254 .elementor-element.elementor-element-4e33277 .elementor-heading-title{font-size:16px;line-height:1.5em;}.elementor-3254 .elementor-element.elementor-element-20b5682f .elementor-icon-list-item > .elementor-icon-list-text, .elementor-3254 .elementor-element.elementor-element-20b5682f .elementor-icon-list-item > a{font-size:16px;line-height:1.4em;}}/* Start custom CSS for image-box, class: .elementor-element-14a7996d */.destaque {
    background-image: linear-gradient(to left, #FF0000, #FF3C3C);
      -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    font-weight: 700;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-21807be2 *//* Use o Easy Coder para personalizar as cores */
.elementor-3254 .elementor-element.elementor-element-21807be2 .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-3254 .elementor-element.elementor-element-21807be2 .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-3254 .elementor-element.elementor-element-21807be2 .elementor-button {
    background: radial-gradient(57.68% 100% at 47.82% 0%, #FF0000 0%, #6E0000 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(255, 0, 0, 0), 0px -9.855px 29.201px 0px rgba(255, 0, 0, 30%), 0px -4.785px 14.177px 0px rgba(255, 0, 0, 30%), 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-3254 .elementor-element.elementor-element-21807be2:hover .elementor-button {
    background: linear-gradient(90deg, #186E00 0%, #09B600 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(9, 182, 0, 30%), 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-3254 .elementor-element.elementor-element-21807be2 .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-3254 .elementor-element.elementor-element-21807be2 .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 button, class: .elementor-element-91cddd9 *//* Use o Easy Coder para personalizar as cores */
.elementor-3254 .elementor-element.elementor-element-91cddd9 .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-3254 .elementor-element.elementor-element-91cddd9 .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-3254 .elementor-element.elementor-element-91cddd9 .elementor-button {
    background: radial-gradient(57.68% 100% at 47.82% 0%, #FF0000 0%, #6E0000 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(255, 0, 0, 0), 0px -9.855px 29.201px 0px rgba(255, 0, 0, 30%), 0px -4.785px 14.177px 0px rgba(255, 0, 0, 30%), 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-3254 .elementor-element.elementor-element-91cddd9:hover .elementor-button {
    background: linear-gradient(90deg, #186E00 0%, #09B600 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(9, 182, 0, 30%), 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-3254 .elementor-element.elementor-element-91cddd9 .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-3254 .elementor-element.elementor-element-91cddd9 .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 button, class: .elementor-element-2bb5d3c8 *//* Use o Easy Coder para personalizar as cores */
.elementor-3254 .elementor-element.elementor-element-2bb5d3c8 .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-3254 .elementor-element.elementor-element-2bb5d3c8 .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-3254 .elementor-element.elementor-element-2bb5d3c8 .elementor-button {
    background: radial-gradient(57.68% 100% at 47.82% 0%, #FF0000 0%, #6E0000 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(255, 0, 0, 0), 0px -9.855px 29.201px 0px rgba(255, 0, 0, 30%), 0px -4.785px 14.177px 0px rgba(255, 0, 0, 30%), 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-3254 .elementor-element.elementor-element-2bb5d3c8:hover .elementor-button {
    background: linear-gradient(90deg, #186E00 0%, #09B600 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(9, 182, 0, 30%), 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-3254 .elementor-element.elementor-element-2bb5d3c8 .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-3254 .elementor-element.elementor-element-2bb5d3c8 .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 button, class: .elementor-element-393ae017 *//* Use o Easy Coder para personalizar as cores */
.elementor-3254 .elementor-element.elementor-element-393ae017 .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-3254 .elementor-element.elementor-element-393ae017 .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-3254 .elementor-element.elementor-element-393ae017 .elementor-button {
    background: radial-gradient(57.68% 100% at 47.82% 0%, #FF0000 0%, #6E0000 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(255, 0, 0, 0), 0px -9.855px 29.201px 0px rgba(255, 0, 0, 30%), 0px -4.785px 14.177px 0px rgba(255, 0, 0, 30%), 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-3254 .elementor-element.elementor-element-393ae017:hover .elementor-button {
    background: linear-gradient(90deg, #186E00 0%, #09B600 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(9, 182, 0, 30%), 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-3254 .elementor-element.elementor-element-393ae017 .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-3254 .elementor-element.elementor-element-393ae017 .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 button, class: .elementor-element-7993e384 *//* Use o Easy Coder para personalizar as cores */
.elementor-3254 .elementor-element.elementor-element-7993e384 .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-3254 .elementor-element.elementor-element-7993e384 .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-3254 .elementor-element.elementor-element-7993e384 .elementor-button {
    background: radial-gradient(57.68% 100% at 47.82% 0%, #FF0000 0%, #6E0000 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(255, 0, 0, 0), 0px -9.855px 29.201px 0px rgba(255, 0, 0, 30%), 0px -4.785px 14.177px 0px rgba(255, 0, 0, 30%), 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-3254 .elementor-element.elementor-element-7993e384:hover .elementor-button {
    background: linear-gradient(90deg, #186E00 0%, #09B600 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(9, 182, 0, 30%), 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-3254 .elementor-element.elementor-element-7993e384 .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-3254 .elementor-element.elementor-element-7993e384 .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 button, class: .elementor-element-4bea2104 *//* Use o Easy Coder para personalizar as cores */
.elementor-3254 .elementor-element.elementor-element-4bea2104 .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-3254 .elementor-element.elementor-element-4bea2104 .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-3254 .elementor-element.elementor-element-4bea2104 .elementor-button {
    background: radial-gradient(57.68% 100% at 47.82% 0%, #FF0000 0%, #6E0000 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(255, 0, 0, 0), 0px -9.855px 29.201px 0px rgba(255, 0, 0, 30%), 0px -4.785px 14.177px 0px rgba(255, 0, 0, 30%), 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-3254 .elementor-element.elementor-element-4bea2104:hover .elementor-button {
    background: linear-gradient(90deg, #186E00 0%, #09B600 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(9, 182, 0, 30%), 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-3254 .elementor-element.elementor-element-4bea2104 .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-3254 .elementor-element.elementor-element-4bea2104 .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 button, class: .elementor-element-667168cf *//* Use o Easy Coder para personalizar as cores */
.elementor-3254 .elementor-element.elementor-element-667168cf .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-3254 .elementor-element.elementor-element-667168cf .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-3254 .elementor-element.elementor-element-667168cf .elementor-button {
    background: radial-gradient(57.68% 100% at 47.82% 0%, #FF0000 0%, #6E0000 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(255, 0, 0, 0), 0px -9.855px 29.201px 0px rgba(255, 0, 0, 30%), 0px -4.785px 14.177px 0px rgba(255, 0, 0, 30%), 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-3254 .elementor-element.elementor-element-667168cf:hover .elementor-button {
    background: linear-gradient(90deg, #186E00 0%, #09B600 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(9, 182, 0, 30%), 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-3254 .elementor-element.elementor-element-667168cf .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-3254 .elementor-element.elementor-element-667168cf .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 button, class: .elementor-element-1bf29a15 *//* Use o Easy Coder para personalizar as cores */
.elementor-3254 .elementor-element.elementor-element-1bf29a15 .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-3254 .elementor-element.elementor-element-1bf29a15 .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-3254 .elementor-element.elementor-element-1bf29a15 .elementor-button {
    background: radial-gradient(57.68% 100% at 47.82% 0%, #FF0000 0%, #6E0000 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(255, 0, 0, 0), 0px -9.855px 29.201px 0px rgba(255, 0, 0, 30%), 0px -4.785px 14.177px 0px rgba(255, 0, 0, 30%), 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-3254 .elementor-element.elementor-element-1bf29a15:hover .elementor-button {
    background: linear-gradient(90deg, #186E00 0%, #09B600 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(9, 182, 0, 30%), 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-3254 .elementor-element.elementor-element-1bf29a15 .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-3254 .elementor-element.elementor-element-1bf29a15 .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 heading, class: .elementor-element-4e33277 */.elementor-3254 .elementor-element.elementor-element-4e33277{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS *//* Desativa a seleção e interações com elementos na classe 'naomexa' */
.naomexa {
    user-select: none;
    pointer-events: none;
}

/* Adiciona um risco vermelho ao texto com a classe 'linered' */
.linered {
    text-decoration: line-through;
    text-decoration-color: red;
}

/* Estiliza o placeholder dos elementos */
::placeholder {
    opacity: 1 !important;
    color: #000 !important;
}

/* Remove o contorno padrão dos elementos ao serem focados */
*:focus {
    outline: none;
    box-shadow: 0 0 0 0.2rem #fff;
}

/* Remove a sombra de elementos que não estão visivelmente focados */
*:focus:not(:focus-visible) {
    outline: none;
    box-shadow: none;
}

/* Remove a margem inferior dos parágrafos */
p {
    margin-bottom: 0;
}


/* Corrige scrollbar horizontal */
html, body {
    width: 100%;
    overflow-x: hidden !important;
    text-wrap: balance !important;
}
[data-elementor-type="wp-page"] {
    overflow: hidden !important;
}

p:last-child{ 
	    margin-bottom:0px; 
	}

*::selection {
  color: #ffffff;
  background: #930000;
}
body::-webkit-scrollbar { 
width: 12px; 
} 
 
body::-webkit-scrollbar-track { 
background: #202020; 
} 
 
body::-webkit-scrollbar-thumb { 
background-color: #FF0000; 
 
border-radius: 10px; 
 
border: 2px solid #202020; 
 
}

html, body{
    width: 100%;
    overflow-x: hidden;
}/* End custom CSS */