.elementor-2920 .elementor-element.elementor-element-5488a2a{--display:flex;--min-height:500px;--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;--overlay-opacity:0.85;border-style:none;--border-style:none;--padding-top:70px;--padding-bottom:70px;--padding-left:0px;--padding-right:0px;}.elementor-2920 .elementor-element.elementor-element-5488a2a:not(.elementor-motion-effects-element-type-background), .elementor-2920 .elementor-element.elementor-element-5488a2a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://theultimatesoulescape.com/wp-content/uploads/2026/01/hero-webinars.webp");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-2920 .elementor-element.elementor-element-5488a2a::before, .elementor-2920 .elementor-element.elementor-element-5488a2a > .elementor-background-video-container::before, .elementor-2920 .elementor-element.elementor-element-5488a2a > .e-con-inner > .elementor-background-video-container::before, .elementor-2920 .elementor-element.elementor-element-5488a2a > .elementor-background-slideshow::before, .elementor-2920 .elementor-element.elementor-element-5488a2a > .e-con-inner > .elementor-background-slideshow::before, .elementor-2920 .elementor-element.elementor-element-5488a2a > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-primary );--background-overlay:'';}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );line-height:var( --e-global-typography-primary-line-height );color:var( --e-global-color-primary );}.elementor-2920 .elementor-element.elementor-element-50c4070{width:var( --container-widget-width, 65% );max-width:65%;--container-widget-width:65%;--container-widget-flex-grow:0;}.elementor-2920 .elementor-element.elementor-element-50c4070 .elementor-heading-title{font-family:"Merriweather", Sans-serif;font-size:82px;font-weight:600;line-height:1.2em;color:var( --e-global-color-secondary );}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-2920 .elementor-element.elementor-element-84237e8{width:var( --container-widget-width, 75% );max-width:75%;--container-widget-width:75%;--container-widget-flex-grow:0;font-family:"Montserrat", Sans-serif;font-size:18px;font-weight:400;line-height:1.2em;color:var( --e-global-color-secondary );}.elementor-2920 .elementor-element.elementor-element-20ba012{--display:flex;--min-height:400px;--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-2920 .elementor-element.elementor-element-20ba012:not(.elementor-motion-effects-element-type-background), .elementor-2920 .elementor-element.elementor-element-20ba012 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://theultimatesoulescape.com/wp-content/uploads/2026/01/banner-2-1.webp");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-2920 .elementor-element.elementor-element-96504b8{--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;--padding-top:70px;--padding-bottom:70px;--padding-left:0px;--padding-right:0px;}.elementor-2920 .elementor-element.elementor-element-96504b8:not(.elementor-motion-effects-element-type-background), .elementor-2920 .elementor-element.elementor-element-96504b8 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-62fb1f1 );}.elementor-2920 .elementor-element.elementor-element-0ce7cf9{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--flex-wrap:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2920 .elementor-element.elementor-element-5ef9cb5{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );}.elementor-2920 .elementor-element.elementor-element-e043111 img{border-radius:5px 5px 5px 5px;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );}.elementor-2920 .elementor-element.elementor-element-46000d2 .elementor-button{background-color:var( --e-global-color-primary );font-family:"Montserrat", Sans-serif;font-size:18px;font-weight:600;line-height:1.2em;fill:#FFFFFF;color:#FFFFFF;box-shadow:0px 0px 25px 0px #FF8400;border-radius:100px 100px 100px 100px;padding:22px 48px 22px 48px;}.elementor-2920 .elementor-element.elementor-element-46000d2{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:8px 0px 8px 0px;}.elementor-2920 .elementor-element.elementor-element-46000d2.elementor-element{--align-self:center;}.elementor-2920 .elementor-element.elementor-element-46000d2 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-2920 .elementor-element.elementor-element-46000d2 .elementor-button .elementor-button-content-wrapper{gap:10px;}.elementor-2920 .elementor-element.elementor-element-b63fd1c{--display:flex;}.elementor-2920 .elementor-element.elementor-element-edfbd46 img{border-radius:5px 5px 5px 5px;}.elementor-2920 .elementor-element.elementor-element-53f0ac5 .elementor-button{background-color:var( --e-global-color-primary );font-family:"Montserrat", Sans-serif;font-size:18px;font-weight:600;line-height:1.2em;fill:#FFFFFF;color:#FFFFFF;box-shadow:0px 0px 25px 0px #FF8400;border-radius:100px 100px 100px 100px;padding:22px 48px 22px 48px;}.elementor-2920 .elementor-element.elementor-element-53f0ac5{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:8px 0px 8px 0px;}.elementor-2920 .elementor-element.elementor-element-53f0ac5.elementor-element{--align-self:center;}.elementor-2920 .elementor-element.elementor-element-53f0ac5 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-2920 .elementor-element.elementor-element-53f0ac5 .elementor-button .elementor-button-content-wrapper{gap:10px;}.elementor-2920 .elementor-element.elementor-element-07426a1{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--flex-wrap:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2920 .elementor-element.elementor-element-a726e34{--display:flex;}.elementor-2920 .elementor-element.elementor-element-0380a91 img{border-radius:5px 5px 5px 5px;}.elementor-2920 .elementor-element.elementor-element-cc6d219 .elementor-button{background-color:var( --e-global-color-primary );font-family:"Montserrat", Sans-serif;font-size:18px;font-weight:600;line-height:1.2em;fill:#FFFFFF;color:#FFFFFF;box-shadow:0px 0px 25px 0px #FF8400;border-radius:100px 100px 100px 100px;padding:22px 48px 22px 48px;}.elementor-2920 .elementor-element.elementor-element-cc6d219{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:8px 0px 8px 0px;}.elementor-2920 .elementor-element.elementor-element-cc6d219.elementor-element{--align-self:center;}.elementor-2920 .elementor-element.elementor-element-cc6d219 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-2920 .elementor-element.elementor-element-cc6d219 .elementor-button .elementor-button-content-wrapper{gap:10px;}.elementor-2920 .elementor-element.elementor-element-491afd1{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-2920 .elementor-element.elementor-element-a89c3a1 img{border-radius:5px 5px 5px 5px;}.elementor-2920 .elementor-element.elementor-element-8f64e65 .elementor-button{background-color:var( --e-global-color-primary );font-family:"Montserrat", Sans-serif;font-size:18px;font-weight:600;line-height:1.2em;fill:#FFFFFF;color:#FFFFFF;box-shadow:0px 0px 25px 0px #FF8400;border-radius:100px 100px 100px 100px;padding:22px 48px 22px 48px;}.elementor-2920 .elementor-element.elementor-element-8f64e65{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:8px 0px 8px 0px;}.elementor-2920 .elementor-element.elementor-element-8f64e65.elementor-element{--align-self:center;}.elementor-2920 .elementor-element.elementor-element-8f64e65 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-2920 .elementor-element.elementor-element-8f64e65 .elementor-button .elementor-button-content-wrapper{gap:10px;}.elementor-2920 .elementor-element.elementor-element-bacb0f4{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--flex-wrap:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2920 .elementor-element.elementor-element-04a985b{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-2920 .elementor-element.elementor-element-9d68764 img{border-radius:5px 5px 5px 5px;}.elementor-2920 .elementor-element.elementor-element-8d9cd13 .elementor-button{background-color:var( --e-global-color-primary );font-family:"Montserrat", Sans-serif;font-size:18px;font-weight:600;line-height:1.2em;fill:#FFFFFF;color:#FFFFFF;box-shadow:0px 0px 25px 0px #FF8400;border-radius:100px 100px 100px 100px;padding:22px 48px 22px 48px;}.elementor-2920 .elementor-element.elementor-element-8d9cd13{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:8px 0px 8px 0px;}.elementor-2920 .elementor-element.elementor-element-8d9cd13.elementor-element{--align-self:center;}.elementor-2920 .elementor-element.elementor-element-8d9cd13 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-2920 .elementor-element.elementor-element-8d9cd13 .elementor-button .elementor-button-content-wrapper{gap:10px;}.elementor-2920 .elementor-element.elementor-element-f57deb3{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-2920 .elementor-element.elementor-element-df3dd3e{--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;--padding-top:35px;--padding-bottom:35px;--padding-left:0px;--padding-right:0px;}.elementor-2920 .elementor-element.elementor-element-df3dd3e:not(.elementor-motion-effects-element-type-background), .elementor-2920 .elementor-element.elementor-element-df3dd3e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-accent );}.elementor-2920 .elementor-element.elementor-element-fdb7bff{text-align:center;}.elementor-2920 .elementor-element.elementor-element-fdb7bff .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:26px;font-weight:600;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-2920 .elementor-element.elementor-element-5ef9cb5{--width:45%;}.elementor-2920 .elementor-element.elementor-element-b63fd1c{--width:45%;}.elementor-2920 .elementor-element.elementor-element-a726e34{--width:45%;}.elementor-2920 .elementor-element.elementor-element-491afd1{--width:45%;}.elementor-2920 .elementor-element.elementor-element-04a985b{--width:45%;}.elementor-2920 .elementor-element.elementor-element-f57deb3{--width:45%;}}@media(max-width:1024px){.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-widget-button .elementor-button{font-size:var( --e-global-typography-accent-font-size );}}@media(max-width:767px){.elementor-2920 .elementor-element.elementor-element-5488a2a{--padding-top:40px;--padding-bottom:40px;--padding-left:15px;--padding-right:15px;}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-2920 .elementor-element.elementor-element-50c4070 .elementor-heading-title{font-size:46px;}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-2920 .elementor-element.elementor-element-84237e8{width:100%;max-width:100%;font-size:16px;}.elementor-2920 .elementor-element.elementor-element-20ba012{--padding-top:40px;--padding-bottom:40px;--padding-left:15px;--padding-right:15px;}.elementor-2920 .elementor-element.elementor-element-96504b8{--padding-top:40px;--padding-bottom:40px;--padding-left:15px;--padding-right:15px;}.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-widget-button .elementor-button{font-size:var( --e-global-typography-accent-font-size );}.elementor-2920 .elementor-element.elementor-element-46000d2 .elementor-button{font-size:14px;padding:16px 24px 16px 24px;}.elementor-2920 .elementor-element.elementor-element-53f0ac5 .elementor-button{font-size:14px;padding:16px 24px 16px 24px;}.elementor-2920 .elementor-element.elementor-element-cc6d219 .elementor-button{font-size:14px;padding:16px 24px 16px 24px;}.elementor-2920 .elementor-element.elementor-element-8f64e65 .elementor-button{font-size:14px;padding:16px 24px 16px 24px;}.elementor-2920 .elementor-element.elementor-element-8d9cd13 .elementor-button{font-size:14px;padding:16px 24px 16px 24px;}.elementor-2920 .elementor-element.elementor-element-fdb7bff .elementor-heading-title{font-size:22px;}}@media(min-width:1025px){.elementor-2920 .elementor-element.elementor-element-20ba012:not(.elementor-motion-effects-element-type-background), .elementor-2920 .elementor-element.elementor-element-20ba012 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-attachment:fixed;}}/* Start custom CSS for button, class: .elementor-element-46000d2 *//* Use o Easy Coder para personalizar as cores */
.elementor-2920 .elementor-element.elementor-element-46000d2 .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-2920 .elementor-element.elementor-element-46000d2 .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-2920 .elementor-element.elementor-element-46000d2 .elementor-button {
    background: radial-gradient(57.68% 100% at 47.82% 0%, #ff7b00 0%, #e66100 100%); /* Gradiente de fundo (azul claro para azul escuro) */

   
    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-2920 .elementor-element.elementor-element-46000d2: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-2920 .elementor-element.elementor-element-46000d2 .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-2920 .elementor-element.elementor-element-46000d2 .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-53f0ac5 *//* Use o Easy Coder para personalizar as cores */
.elementor-2920 .elementor-element.elementor-element-53f0ac5 .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-2920 .elementor-element.elementor-element-53f0ac5 .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-2920 .elementor-element.elementor-element-53f0ac5 .elementor-button {
    background: radial-gradient(57.68% 100% at 47.82% 0%, #ff7b00 0%, #e66100 100%); /* Gradiente de fundo (azul claro para azul escuro) */

   
    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-2920 .elementor-element.elementor-element-53f0ac5: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-2920 .elementor-element.elementor-element-53f0ac5 .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-2920 .elementor-element.elementor-element-53f0ac5 .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-cc6d219 *//* Use o Easy Coder para personalizar as cores */
.elementor-2920 .elementor-element.elementor-element-cc6d219 .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-2920 .elementor-element.elementor-element-cc6d219 .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-2920 .elementor-element.elementor-element-cc6d219 .elementor-button {
    background: radial-gradient(57.68% 100% at 47.82% 0%, #ff7b00 0%, #e66100 100%); /* Gradiente de fundo (azul claro para azul escuro) */

   
    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-2920 .elementor-element.elementor-element-cc6d219: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-2920 .elementor-element.elementor-element-cc6d219 .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-2920 .elementor-element.elementor-element-cc6d219 .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-8f64e65 *//* Use o Easy Coder para personalizar as cores */
.elementor-2920 .elementor-element.elementor-element-8f64e65 .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-2920 .elementor-element.elementor-element-8f64e65 .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-2920 .elementor-element.elementor-element-8f64e65 .elementor-button {
    background: radial-gradient(57.68% 100% at 47.82% 0%, #ff7b00 0%, #e66100 100%); /* Gradiente de fundo (azul claro para azul escuro) */

   
    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-2920 .elementor-element.elementor-element-8f64e65: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-2920 .elementor-element.elementor-element-8f64e65 .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-2920 .elementor-element.elementor-element-8f64e65 .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-8d9cd13 *//* Use o Easy Coder para personalizar as cores */
.elementor-2920 .elementor-element.elementor-element-8d9cd13 .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-2920 .elementor-element.elementor-element-8d9cd13 .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-2920 .elementor-element.elementor-element-8d9cd13 .elementor-button {
    background: radial-gradient(57.68% 100% at 47.82% 0%, #ff7b00 0%, #e66100 100%); /* Gradiente de fundo (azul claro para azul escuro) */

   
    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-2920 .elementor-element.elementor-element-8d9cd13: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-2920 .elementor-element.elementor-element-8d9cd13 .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-2920 .elementor-element.elementor-element-8d9cd13 .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 */