.elementor-842 .elementor-element.elementor-element-832eaa9{--display:flex;--min-height:100vh;--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:1;}.elementor-842 .elementor-element.elementor-element-832eaa9:not(.elementor-motion-effects-element-type-background), .elementor-842 .elementor-element.elementor-element-832eaa9 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#A8E8EE;background-image:url("https://thatianemahet.com.br/wp-content/uploads/2026/02/banermastermind.jpg");background-position:top right;background-repeat:no-repeat;background-size:cover;}.elementor-842 .elementor-element.elementor-element-832eaa9::before, .elementor-842 .elementor-element.elementor-element-832eaa9 > .elementor-background-video-container::before, .elementor-842 .elementor-element.elementor-element-832eaa9 > .e-con-inner > .elementor-background-video-container::before, .elementor-842 .elementor-element.elementor-element-832eaa9 > .elementor-background-slideshow::before, .elementor-842 .elementor-element.elementor-element-832eaa9 > .e-con-inner > .elementor-background-slideshow::before, .elementor-842 .elementor-element.elementor-element-832eaa9 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-842 .elementor-element.elementor-element-d0018f6{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-842 .elementor-element.elementor-element-7f76c09{text-align:start;}.elementor-842 .elementor-element.elementor-element-7f76c09 img{width:41%;}.elementor-842 .elementor-element.elementor-element-1da42b2{text-align:start;}.elementor-842 .elementor-element.elementor-element-1da42b2 .elementor-heading-title{font-size:50px;line-height:1.2em;color:var( --e-global-color-0241086 );}.elementor-842 .elementor-element.elementor-element-db8ad49{--display:flex;--min-height:100vh;--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.5;border-style:solid;--border-style:solid;border-width:0px 0px 5px 0px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:5px;--border-left-width:0px;border-color:var( --e-global-color-secondary );--border-color:var( --e-global-color-secondary );}.elementor-842 .elementor-element.elementor-element-db8ad49:not(.elementor-motion-effects-element-type-background), .elementor-842 .elementor-element.elementor-element-db8ad49 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-842 .elementor-element.elementor-element-db8ad49::before, .elementor-842 .elementor-element.elementor-element-db8ad49 > .elementor-background-video-container::before, .elementor-842 .elementor-element.elementor-element-db8ad49 > .e-con-inner > .elementor-background-video-container::before, .elementor-842 .elementor-element.elementor-element-db8ad49 > .elementor-background-slideshow::before, .elementor-842 .elementor-element.elementor-element-db8ad49 > .e-con-inner > .elementor-background-slideshow::before, .elementor-842 .elementor-element.elementor-element-db8ad49 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-842 .elementor-element.elementor-element-db8ad49 > .elementor-shape-bottom .elementor-shape-fill, .elementor-842 .elementor-element.elementor-element-db8ad49 > .e-con-inner > .elementor-shape-bottom .elementor-shape-fill{fill:#7DCDBC9E;}.elementor-842 .elementor-element.elementor-element-db8ad49 > .elementor-shape-bottom svg, .elementor-842 .elementor-element.elementor-element-db8ad49 > .e-con-inner > .elementor-shape-bottom svg{width:calc(100% + 1.3px);}.elementor-842 .elementor-element.elementor-element-d86319a{--display:flex;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-842 .elementor-element.elementor-element-59f34bb{--display:flex;}.elementor-842 .elementor-element.elementor-element-28018a3{text-align:start;}.elementor-842 .elementor-element.elementor-element-28018a3 img{width:41%;}.elementor-842 .elementor-element.elementor-element-1fcb4fb{text-align:start;}.elementor-842 .elementor-element.elementor-element-1fcb4fb .elementor-heading-title{font-size:39px;line-height:1.2em;color:var( --e-global-color-0241086 );}.elementor-842 .elementor-element.elementor-element-f52fc51{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overlay-opacity:0.5;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:100px;--padding-bottom:100px;--padding-left:0px;--padding-right:0px;}.elementor-842 .elementor-element.elementor-element-f52fc51:not(.elementor-motion-effects-element-type-background), .elementor-842 .elementor-element.elementor-element-f52fc51 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(180deg, var( --e-global-color-secondary ) 0%, #FFFFFF 100%);}.elementor-842 .elementor-element.elementor-element-f52fc51::before, .elementor-842 .elementor-element.elementor-element-f52fc51 > .elementor-background-video-container::before, .elementor-842 .elementor-element.elementor-element-f52fc51 > .e-con-inner > .elementor-background-video-container::before, .elementor-842 .elementor-element.elementor-element-f52fc51 > .elementor-background-slideshow::before, .elementor-842 .elementor-element.elementor-element-f52fc51 > .e-con-inner > .elementor-background-slideshow::before, .elementor-842 .elementor-element.elementor-element-f52fc51 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-image:url("https://thatianemahet.com.br/wp-content/uploads/2026/02/fundo-coracao-185344.png");--background-overlay:'';}.elementor-842 .elementor-element.elementor-element-f52fc51 .elementor-repeater-item-38883b8.jet-parallax-section__layout .jet-parallax-section__image{background-size:auto;}.elementor-842 .elementor-element.elementor-element-59e4928 img{width:200px;}.elementor-842 .elementor-element.elementor-element-80db067{--display:flex;--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;--flex-wrap-mobile:wrap;--align-items:stretch;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-842 .elementor-element.elementor-element-4fa7e3a{--display:flex;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);--margin-top:20px;--margin-bottom:20px;--margin-left:20px;--margin-right:20px;--padding-top:40px;--padding-bottom:40px;--padding-left:40px;--padding-right:40px;}.elementor-842 .elementor-element.elementor-element-4fa7e3a:not(.elementor-motion-effects-element-type-background), .elementor-842 .elementor-element.elementor-element-4fa7e3a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-5a1d33c );}.elementor-842 .elementor-element.elementor-element-d5bd465{width:var( --container-widget-width, 96.25% );max-width:96.25%;--container-widget-width:96.25%;--container-widget-flex-grow:0;text-align:center;}.elementor-842 .elementor-element.elementor-element-d5bd465 .elementor-heading-title{color:var( --e-global-color-secondary );}.elementor-842 .elementor-element.elementor-element-ecb9ea2{text-align:center;}.elementor-842 .elementor-element.elementor-element-ecb9ea2 .elementor-heading-title{font-family:"Inter Regular", Sans-serif;}.elementor-842 .elementor-element.elementor-element-115e88e .elementor-button{background-color:#00000000;border-style:none;border-radius:0px 0px 0px 0px;padding:15px 40px 15px 40px;}.elementor-842 .elementor-element.elementor-element-115e88e.elementor-element{--align-self:center;}.elementor-842 .elementor-element.elementor-element-3cfdddc{--display:flex;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);--margin-top:20px;--margin-bottom:20px;--margin-left:20px;--margin-right:20px;--padding-top:40px;--padding-bottom:40px;--padding-left:40px;--padding-right:40px;}.elementor-842 .elementor-element.elementor-element-3cfdddc:not(.elementor-motion-effects-element-type-background), .elementor-842 .elementor-element.elementor-element-3cfdddc > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-5a1d33c );}.elementor-842 .elementor-element.elementor-element-7a3b30b{width:var( --container-widget-width, 96.25% );max-width:96.25%;--container-widget-width:96.25%;--container-widget-flex-grow:0;text-align:center;}.elementor-842 .elementor-element.elementor-element-7a3b30b .elementor-heading-title{color:var( --e-global-color-secondary );}.elementor-842 .elementor-element.elementor-element-df42817{text-align:center;}.elementor-842 .elementor-element.elementor-element-df42817 .elementor-heading-title{font-family:"Inter Regular", Sans-serif;}.elementor-842 .elementor-element.elementor-element-741c446 .elementor-button{background-color:#00000000;border-style:none;border-radius:0px 0px 0px 0px;padding:15px 40px 15px 40px;}.elementor-842 .elementor-element.elementor-element-741c446.elementor-element{--align-self:center;}.elementor-842 .elementor-element.elementor-element-d1cbd05{--display:flex;--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;--flex-wrap-mobile:wrap;--align-items:stretch;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-842 .elementor-element.elementor-element-bb2fca4{--display:flex;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);--margin-top:20px;--margin-bottom:20px;--margin-left:20px;--margin-right:20px;--padding-top:40px;--padding-bottom:40px;--padding-left:40px;--padding-right:40px;}.elementor-842 .elementor-element.elementor-element-bb2fca4:not(.elementor-motion-effects-element-type-background), .elementor-842 .elementor-element.elementor-element-bb2fca4 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-5a1d33c );}.elementor-842 .elementor-element.elementor-element-e91cdd2{width:var( --container-widget-width, 96.25% );max-width:96.25%;--container-widget-width:96.25%;--container-widget-flex-grow:0;text-align:center;}.elementor-842 .elementor-element.elementor-element-e91cdd2 .elementor-heading-title{color:var( --e-global-color-secondary );}.elementor-842 .elementor-element.elementor-element-62cbb7f{text-align:center;}.elementor-842 .elementor-element.elementor-element-62cbb7f .elementor-heading-title{font-family:"Inter Regular", Sans-serif;}.elementor-842 .elementor-element.elementor-element-d6ff0dc .elementor-button{background-color:#00000000;border-style:none;border-radius:0px 0px 0px 0px;padding:15px 40px 15px 40px;}.elementor-842 .elementor-element.elementor-element-d6ff0dc.elementor-element{--align-self:center;}.elementor-842 .elementor-element.elementor-element-35c0818{--display:flex;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);--margin-top:20px;--margin-bottom:20px;--margin-left:20px;--margin-right:20px;--padding-top:40px;--padding-bottom:40px;--padding-left:40px;--padding-right:40px;}.elementor-842 .elementor-element.elementor-element-35c0818:not(.elementor-motion-effects-element-type-background), .elementor-842 .elementor-element.elementor-element-35c0818 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-5a1d33c );}.elementor-842 .elementor-element.elementor-element-b7b4a2a{width:var( --container-widget-width, 96.25% );max-width:96.25%;--container-widget-width:96.25%;--container-widget-flex-grow:0;text-align:center;}.elementor-842 .elementor-element.elementor-element-b7b4a2a .elementor-heading-title{color:var( --e-global-color-secondary );}.elementor-842 .elementor-element.elementor-element-781aa5b{text-align:center;}.elementor-842 .elementor-element.elementor-element-781aa5b .elementor-heading-title{font-family:"Inter Regular", Sans-serif;}.elementor-842 .elementor-element.elementor-element-3971cee .elementor-button{background-color:#00000000;border-style:none;border-radius:0px 0px 0px 0px;padding:15px 40px 15px 40px;}.elementor-842 .elementor-element.elementor-element-3971cee.elementor-element{--align-self:center;}@media(max-width:767px){.elementor-842 .elementor-element.elementor-element-832eaa9{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-842 .elementor-element.elementor-element-1da42b2 .elementor-heading-title{font-size:28px;}.elementor-842 .elementor-element.elementor-element-db8ad49::before, .elementor-842 .elementor-element.elementor-element-db8ad49 > .elementor-background-video-container::before, .elementor-842 .elementor-element.elementor-element-db8ad49 > .e-con-inner > .elementor-background-video-container::before, .elementor-842 .elementor-element.elementor-element-db8ad49 > .elementor-background-slideshow::before, .elementor-842 .elementor-element.elementor-element-db8ad49 > .e-con-inner > .elementor-background-slideshow::before, .elementor-842 .elementor-element.elementor-element-db8ad49 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-image:url("https://thatianemahet.com.br/wp-content/uploads/2021/11/imgi_35_fundo-coracao-185344.png");background-size:contain;}.elementor-842 .elementor-element.elementor-element-db8ad49{--min-height:500px;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overlay-opacity:0.26;--padding-top:0px;--padding-bottom:80px;--padding-left:0px;--padding-right:0px;}.elementor-842 .elementor-element.elementor-element-59f34bb{--margin-top:-65px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:24px;--padding-right:24px;}.elementor-842 .elementor-element.elementor-element-28018a3{text-align:center;}.elementor-842 .elementor-element.elementor-element-28018a3 img{width:76%;}.elementor-842 .elementor-element.elementor-element-1fcb4fb{text-align:center;}.elementor-842 .elementor-element.elementor-element-1fcb4fb .elementor-heading-title{font-size:24px;line-height:1.4em;}.elementor-842 .elementor-element.elementor-element-59e4928 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-842 .elementor-element.elementor-element-59e4928{text-align:center;}.elementor-842 .elementor-element.elementor-element-59e4928 img{width:59%;}.elementor-842 .elementor-element.elementor-element-80db067{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-842 .elementor-element.elementor-element-4fa7e3a{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-842 .elementor-element.elementor-element-d5bd465 .elementor-heading-title{font-size:20px;}.elementor-842 .elementor-element.elementor-element-3cfdddc{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-842 .elementor-element.elementor-element-7a3b30b .elementor-heading-title{font-size:20px;}.elementor-842 .elementor-element.elementor-element-bb2fca4{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-842 .elementor-element.elementor-element-e91cdd2 .elementor-heading-title{font-size:20px;}.elementor-842 .elementor-element.elementor-element-35c0818{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-842 .elementor-element.elementor-element-b7b4a2a .elementor-heading-title{font-size:20px;}.elementor-842 .elementor-element.elementor-element-f52fc51{--padding-top:30px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}}@media(min-width:768px){.elementor-842 .elementor-element.elementor-element-832eaa9{--content-width:1440px;}.elementor-842 .elementor-element.elementor-element-d0018f6{--width:50%;}.elementor-842 .elementor-element.elementor-element-db8ad49{--content-width:1340px;}.elementor-842 .elementor-element.elementor-element-d86319a{--width:50%;}}/* Start custom CSS for button, class: .elementor-element-115e88e *//* Personalizar utilizando o Easy Coder*/
.elementor-842 .elementor-element.elementor-element-115e88e {
  border-radius: 12px; /* Cantos arredondados do botão */
  background: linear-gradient(90deg, #0B66B4 0%, #43CE9D 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-842 .elementor-element.elementor-element-115e88e .elementor-button-icon {
  font-size: 17px; /* Tamanho do ícone dentro do botão */
  color: white; /* Cor do ícone (branco) */
  margin-right: 8px; /* 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-842 .elementor-element.elementor-element-115e88e: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-842 .elementor-element.elementor-element-115e88e: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-842 .elementor-element.elementor-element-115e88e::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-842 .elementor-element.elementor-element-115e88e: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 */
/* Start custom CSS for button, class: .elementor-element-741c446 *//* Personalizar utilizando o Easy Coder*/
.elementor-842 .elementor-element.elementor-element-741c446 {
  border-radius: 12px; /* Cantos arredondados do botão */
  background: linear-gradient(90deg, #0B66B4 0%, #43CE9D 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-842 .elementor-element.elementor-element-741c446 .elementor-button-icon {
  font-size: 17px; /* Tamanho do ícone dentro do botão */
  color: white; /* Cor do ícone (branco) */
  margin-right: 8px; /* 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-842 .elementor-element.elementor-element-741c446: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-842 .elementor-element.elementor-element-741c446: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-842 .elementor-element.elementor-element-741c446::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-842 .elementor-element.elementor-element-741c446: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 */
/* Start custom CSS for button, class: .elementor-element-d6ff0dc *//* Personalizar utilizando o Easy Coder*/
.elementor-842 .elementor-element.elementor-element-d6ff0dc {
  border-radius: 12px; /* Cantos arredondados do botão */
  background: linear-gradient(90deg, #0B66B4 0%, #43CE9D 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-842 .elementor-element.elementor-element-d6ff0dc .elementor-button-icon {
  font-size: 17px; /* Tamanho do ícone dentro do botão */
  color: white; /* Cor do ícone (branco) */
  margin-right: 8px; /* 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-842 .elementor-element.elementor-element-d6ff0dc: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-842 .elementor-element.elementor-element-d6ff0dc: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-842 .elementor-element.elementor-element-d6ff0dc::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-842 .elementor-element.elementor-element-d6ff0dc: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 */
/* Start custom CSS for button, class: .elementor-element-3971cee *//* Personalizar utilizando o Easy Coder*/
.elementor-842 .elementor-element.elementor-element-3971cee {
  border-radius: 12px; /* Cantos arredondados do botão */
  background: linear-gradient(90deg, #0B66B4 0%, #43CE9D 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-842 .elementor-element.elementor-element-3971cee .elementor-button-icon {
  font-size: 17px; /* Tamanho do ícone dentro do botão */
  color: white; /* Cor do ícone (branco) */
  margin-right: 8px; /* 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-842 .elementor-element.elementor-element-3971cee: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-842 .elementor-element.elementor-element-3971cee: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-842 .elementor-element.elementor-element-3971cee::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-842 .elementor-element.elementor-element-3971cee: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 */
/* Start custom CSS for button, class: .elementor-element-115e88e *//* Personalizar utilizando o Easy Coder*/
.elementor-842 .elementor-element.elementor-element-115e88e {
  border-radius: 12px; /* Cantos arredondados do botão */
  background: linear-gradient(90deg, #0B66B4 0%, #43CE9D 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-842 .elementor-element.elementor-element-115e88e .elementor-button-icon {
  font-size: 17px; /* Tamanho do ícone dentro do botão */
  color: white; /* Cor do ícone (branco) */
  margin-right: 8px; /* 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-842 .elementor-element.elementor-element-115e88e: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-842 .elementor-element.elementor-element-115e88e: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-842 .elementor-element.elementor-element-115e88e::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-842 .elementor-element.elementor-element-115e88e: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 */
/* Start custom CSS for button, class: .elementor-element-741c446 *//* Personalizar utilizando o Easy Coder*/
.elementor-842 .elementor-element.elementor-element-741c446 {
  border-radius: 12px; /* Cantos arredondados do botão */
  background: linear-gradient(90deg, #0B66B4 0%, #43CE9D 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-842 .elementor-element.elementor-element-741c446 .elementor-button-icon {
  font-size: 17px; /* Tamanho do ícone dentro do botão */
  color: white; /* Cor do ícone (branco) */
  margin-right: 8px; /* 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-842 .elementor-element.elementor-element-741c446: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-842 .elementor-element.elementor-element-741c446: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-842 .elementor-element.elementor-element-741c446::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-842 .elementor-element.elementor-element-741c446: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 */
/* Start custom CSS for button, class: .elementor-element-d6ff0dc *//* Personalizar utilizando o Easy Coder*/
.elementor-842 .elementor-element.elementor-element-d6ff0dc {
  border-radius: 12px; /* Cantos arredondados do botão */
  background: linear-gradient(90deg, #0B66B4 0%, #43CE9D 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-842 .elementor-element.elementor-element-d6ff0dc .elementor-button-icon {
  font-size: 17px; /* Tamanho do ícone dentro do botão */
  color: white; /* Cor do ícone (branco) */
  margin-right: 8px; /* 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-842 .elementor-element.elementor-element-d6ff0dc: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-842 .elementor-element.elementor-element-d6ff0dc: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-842 .elementor-element.elementor-element-d6ff0dc::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-842 .elementor-element.elementor-element-d6ff0dc: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 */
/* Start custom CSS for button, class: .elementor-element-3971cee *//* Personalizar utilizando o Easy Coder*/
.elementor-842 .elementor-element.elementor-element-3971cee {
  border-radius: 12px; /* Cantos arredondados do botão */
  background: linear-gradient(90deg, #0B66B4 0%, #43CE9D 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-842 .elementor-element.elementor-element-3971cee .elementor-button-icon {
  font-size: 17px; /* Tamanho do ícone dentro do botão */
  color: white; /* Cor do ícone (branco) */
  margin-right: 8px; /* 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-842 .elementor-element.elementor-element-3971cee: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-842 .elementor-element.elementor-element-3971cee: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-842 .elementor-element.elementor-element-3971cee::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-842 .elementor-element.elementor-element-3971cee: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 */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Inter Regular';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://thatianemahet.com.br/wp-content/uploads/2022/06/Inter18pt-Regular.eot');
	src: url('https://thatianemahet.com.br/wp-content/uploads/2022/06/Inter18pt-Regular.eot?#iefix') format('embedded-opentype'),
		url('https://thatianemahet.com.br/wp-content/uploads/2022/06/Inter18pt-Regular.woff2') format('woff2'),
		url('https://thatianemahet.com.br/wp-content/uploads/2022/06/Inter18pt-Regular.woff') format('woff'),
		url('https://thatianemahet.com.br/wp-content/uploads/2022/06/Inter18pt-Regular.ttf') format('truetype'),
		url('https://thatianemahet.com.br/wp-content/uploads/2022/06/Inter18pt-Regular.svg#InterRegular') format('svg');
}
/* End Custom Fonts CSS */