.elementor-10968 .elementor-element.elementor-element-32ba9c1{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:10px;--padding-right:25px;}.elementor-10968 .elementor-element.elementor-element-24877e4{--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;--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-10968 .elementor-element.elementor-element-24877e4.e-con{--align-self:flex-end;}.elementor-10968 .elementor-element.elementor-element-e975384{--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;}.elementor-10968 .elementor-element.elementor-element-34f00ce{font-size:20px;font-weight:600;}.elementor-10968 .elementor-element.elementor-element-796dd75.elementor-element{--align-self:flex-start;}.elementor-10968 .elementor-element.elementor-element-796dd75 .elementor-button-content-wrapper{flex-direction:row;}.elementor-10968 .elementor-element.elementor-element-796dd75 .elementor-button{font-size:20px;}#elementor-popup-modal-10968 .dialog-widget-content{background-color:transparent;background-image:linear-gradient(100deg, var( --e-global-color-primary ) 0%, var( --e-global-color-01a4e84 ) 100%);border-radius:10px 10px 10px 10px;box-shadow:2px 8px 23px 3px rgba(0,0,0,0.2);margin:0px 0px 0px 0px;}#elementor-popup-modal-10968{background-color:rgba(0,0,0,.8);justify-content:center;align-items:center;pointer-events:all;}#elementor-popup-modal-10968 .dialog-message{width:800px;height:auto;padding:0px 0px 0px 0px;}#elementor-popup-modal-10968 .dialog-close-button{display:flex;font-size:25px;}#elementor-popup-modal-10968 .dialog-close-button i{color:var( --e-global-color-6dd4bcc );}#elementor-popup-modal-10968 .dialog-close-button svg{fill:var( --e-global-color-6dd4bcc );}#elementor-popup-modal-10968 .dialog-close-button:hover i{color:var( --e-global-color-ca827c7 );}@media(min-width:768px){.elementor-10968 .elementor-element.elementor-element-24877e4{--width:50%;}.elementor-10968 .elementor-element.elementor-element-e975384{--width:50%;}}/* Start custom CSS for button, class: .elementor-element-796dd75 *//* Personalizar utilizando o Easy Coder*/
.elementor-10968 .elementor-element.elementor-element-796dd75 {
  border-radius: 10px; /* Cantos arredondados do botão */
  background: linear-gradient(90deg, #242C28 0%, #32b22e 100%); 
  /* Fundo com um degradê de azul para verde */
  box-shadow: 0 20px 30px -6px rgba(11, 102, 180, 0.46); 
  /* Sombra do botão, com um tom do gradiente (cor do azul) para dar profundidade */
  
  outline: none; /* Remove a borda externa (foco) do botão */
  cursor: pointer; /* Muda o cursor para "mãozinha" quando passa o mouse sobre o botão */
  border: none; /* Remove qualquer borda do botão */
  transition: 0.5s; /* Transição suave de 0.5 segundos para animações */
  position: relative; /* Posicionamento relativo, necessário para o uso do ::before */
  overflow: hidden; /* Garante que os elementos internos não ultrapassem os limites do botão */
  display: inline-flex; /* Alinha o conteúdo do botão em linha com flexbox */
  align-items: center; /* Alinha o conteúdo (ícone + texto) ao centro verticalmente */
  color: white; /* Cor do texto do botão (branco) */
  
  
}

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

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

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

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

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

/* Efeito de hover no botão: ao passar o mouse sobre ele */
.elementor-10968 .elementor-element.elementor-element-796dd75:hover {
  transform: translateY(-8px); /* O botão se move um pouco para cima */
  box-shadow: none; /* Remove a sombra do botão quando o hover ocorre */
  transition: 0.5s; /* Transição suave de 0.5 segundos */
}/* End custom CSS */