.elementor-25219 .elementor-element.elementor-element-21588d92{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-25219 .elementor-element.elementor-element-21588d92.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-25219 .elementor-element.elementor-element-7e4527df{--display:flex;border-style:solid;--border-style:solid;border-color:#8573E2;--border-color:#8573E2;--border-radius:15px 15px 15px 15px;box-shadow:0px 0px 25px 0px rgba(70.4555111633372, 60.401739130434784, 122.39999999999999, 0.65);--padding-top:40px;--padding-bottom:40px;--padding-left:40px;--padding-right:40px;}.elementor-25219 .elementor-element.elementor-element-7e4527df:not(.elementor-motion-effects-element-type-background), .elementor-25219 .elementor-element.elementor-element-7e4527df > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFFE8;}.elementor-25219 .elementor-element.elementor-element-7e4527df.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-25219 .elementor-element.elementor-element-3ee9c8c4{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--padding-top:15px;--padding-bottom:15px;--padding-left:0px;--padding-right:0px;}.elementor-25219 .elementor-element.elementor-element-3ee9c8c4:not(.elementor-motion-effects-element-type-background), .elementor-25219 .elementor-element.elementor-element-3ee9c8c4 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#4F3F84;}.elementor-25219 .elementor-element.elementor-element-facf7a7{margin:-9px 0px calc(var(--kit-widget-spacing, 0px) + -25px) 0px;text-align:center;font-family:"Montserrat", Sans-serif;font-size:13px;font-weight:400;letter-spacing:0.34em;color:#FFFFFF;}.elementor-25219 .elementor-element.elementor-element-10d693b3{text-align:center;font-family:"Poppins", Sans-serif;font-size:1rem;font-weight:400;line-height:1.3em;color:#303030;}.elementor-25219 .elementor-element.elementor-element-17810c .elementor-field-group{padding-right:calc( 10px/2 );padding-left:calc( 10px/2 );margin-bottom:10px;}.elementor-25219 .elementor-element.elementor-element-17810c .elementor-form-fields-wrapper{margin-left:calc( -10px/2 );margin-right:calc( -10px/2 );margin-bottom:-10px;}.elementor-25219 .elementor-element.elementor-element-17810c .elementor-field-group.recaptcha_v3-bottomleft, .elementor-25219 .elementor-element.elementor-element-17810c .elementor-field-group.recaptcha_v3-bottomright{margin-bottom:0;}body.rtl .elementor-25219 .elementor-element.elementor-element-17810c .elementor-labels-inline .elementor-field-group > label{padding-left:0px;}body:not(.rtl) .elementor-25219 .elementor-element.elementor-element-17810c .elementor-labels-inline .elementor-field-group > label{padding-right:0px;}body .elementor-25219 .elementor-element.elementor-element-17810c .elementor-labels-above .elementor-field-group > label{padding-bottom:0px;}.elementor-25219 .elementor-element.elementor-element-17810c .elementor-field-type-html{padding-bottom:0px;color:#020101;}.elementor-25219 .elementor-element.elementor-element-17810c .elementor-field-group .elementor-field{color:#303030;}.elementor-25219 .elementor-element.elementor-element-17810c .elementor-field-group .elementor-field, .elementor-25219 .elementor-element.elementor-element-17810c .elementor-field-subgroup label{font-family:"Poppins", Sans-serif;font-size:1rem;font-weight:400;line-height:1em;}.elementor-25219 .elementor-element.elementor-element-17810c .elementor-field-group .elementor-field:not(.elementor-select-wrapper){background-color:#ffffff;}.elementor-25219 .elementor-element.elementor-element-17810c .elementor-field-group .elementor-select-wrapper select{background-color:#ffffff;}.elementor-25219 .elementor-element.elementor-element-17810c .elementor-button{font-family:"Poppins", Sans-serif;font-weight:600;text-transform:uppercase;border-style:solid;border-width:0px 0px 3px 0px;}.elementor-25219 .elementor-element.elementor-element-17810c .e-form__buttons__wrapper__button-next{background-color:#FF8802;color:#ffffff;border-color:#FF8802;}.elementor-25219 .elementor-element.elementor-element-17810c .elementor-button[type="submit"]{background-color:#FF8802;color:#ffffff;border-color:#FF8802;}.elementor-25219 .elementor-element.elementor-element-17810c .elementor-button[type="submit"] svg *{fill:#ffffff;}.elementor-25219 .elementor-element.elementor-element-17810c .e-form__buttons__wrapper__button-previous{color:#ffffff;}.elementor-25219 .elementor-element.elementor-element-17810c .e-form__buttons__wrapper__button-next:hover{color:#ffffff;}.elementor-25219 .elementor-element.elementor-element-17810c .elementor-button[type="submit"]:hover{color:#ffffff;}.elementor-25219 .elementor-element.elementor-element-17810c .elementor-button[type="submit"]:hover svg *{fill:#ffffff;}.elementor-25219 .elementor-element.elementor-element-17810c .e-form__buttons__wrapper__button-previous:hover{color:#ffffff;}.elementor-25219 .elementor-element.elementor-element-17810c .elementor-message.elementor-message-success{color:#FFFFFF;}.elementor-25219 .elementor-element.elementor-element-17810c{--e-form-steps-indicators-spacing:20px;--e-form-steps-indicator-padding:30px;--e-form-steps-indicator-inactive-secondary-color:#ffffff;--e-form-steps-indicator-active-secondary-color:#ffffff;--e-form-steps-indicator-completed-secondary-color:#ffffff;--e-form-steps-divider-width:1px;--e-form-steps-divider-gap:10px;}#elementor-popup-modal-25219 .dialog-widget-content{animation-duration:1.2s;background-image:url("https://comunidaderec.com.br/wp-content/uploads/2024/07/Wallpaper-fundo-2.png");background-repeat:no-repeat;background-size:cover;border-radius:14px 14px 14px 14px;box-shadow:2px 8px 23px 3px rgba(0,0,0,0.2);}#elementor-popup-modal-25219{background-color:rgba(0,0,0,.8);justify-content:center;align-items:center;pointer-events:all;}#elementor-popup-modal-25219 .dialog-message{width:640px;height:auto;padding:40px 40px 40px 40px;}#elementor-popup-modal-25219 .dialog-close-button{display:flex;}@media(max-width:767px){.elementor-25219 .elementor-element.elementor-element-3ee9c8c4{--padding-top:10px;--padding-bottom:10px;--padding-left:0px;--padding-right:0px;}.elementor-25219 .elementor-element.elementor-element-facf7a7{letter-spacing:0em;}}@media(min-width:768px){.elementor-25219 .elementor-element.elementor-element-21588d92{--width:106.63%;}.elementor-25219 .elementor-element.elementor-element-7e4527df{--width:101.718%;}}/* Start custom CSS for form, class: .elementor-element-17810c *//* Use o Easy Coder para personalizar as cores */
.elementor-25219 .elementor-element.elementor-element-17810c .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-25219 .elementor-element.elementor-element-17810c .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-25219 .elementor-element.elementor-element-17810c .elementor-button {
    background: radial-gradient(57.68% 100% at 47.82% 0%, #ff8802 0%, #ff8802 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(204, 82, 0, 0.22), 
    0px -9.855px 29.201px 0px rgba(204, 82, 0, 0.15), 
    0px -4.785px 14.177px 0px rgba(204, 82, 0, 0.12), 
    0px -2.346px 6.95px 0px rgba(204, 82, 0, 0.10), 
    0px -0.927px 2.748px 0px rgba(204, 82, 0, 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-25219 .elementor-element.elementor-element-17810c:hover .elementor-button {
    background: linear-gradient(90deg, #FF6A00 0%, #FF3E00 100%); /* Novo gradiente (de laranja para vermelho) */
    
    /* Sombras do botão no hover (também ajustadas para o novo tom) */
    box-shadow: 0px -27px 80px 0px rgba(255, 106, 0, 0.22), 0px -9.855px 29.201px 0px rgba(255, 106, 0, 0.15), 0px -4.785px 14.177px 0px rgba(255, 106, 0, 0.12), 0px -2.346px 6.95px 0px rgba(255, 106, 0, 0.10), 0px -0.927px 2.748px 0px rgba(255, 106, 0, 0.07);
    transition: .5s all; /* Transição suave quando o botão muda de cor */
    transform: scale(1.05); /* Faz o botão crescer um pouco quando o mouse passa sobre ele */
}

/* Efeito de brilho para dar um toque especial no botão. */
.elementor-25219 .elementor-element.elementor-element-17810c .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-25219 .elementor-element.elementor-element-17810c .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 */