.elementor-8 .elementor-element.elementor-element-e8a54e6{--display:flex;--min-height:848px;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--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-8 .elementor-element.elementor-element-e8a54e6:not(.elementor-motion-effects-element-type-background), .elementor-8 .elementor-element.elementor-element-e8a54e6 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;background-image:url("https://educacaonovi.com/wp-content/uploads/2026/01/BG-CIRCLE3.avif");background-position:0px 140px;background-repeat:no-repeat;background-size:cover;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-8 .elementor-element.elementor-element-326ce43{width:var( --container-widget-width, 91% );max-width:91%;--container-widget-width:91%;--container-widget-flex-grow:0;text-align:center;}.elementor-8 .elementor-element.elementor-element-326ce43.elementor-element{--align-self:center;}.elementor-8 .elementor-element.elementor-element-326ce43 .elementor-heading-title{font-family:"Saira", Sans-serif;font-size:64px;font-weight:600;line-height:1.3em;color:#FFFFFF;}.elementor-8 .elementor-element.elementor-element-df3f080{width:var( --container-widget-width, 59% );max-width:59%;--container-widget-width:59%;--container-widget-flex-grow:0;text-align:center;}.elementor-8 .elementor-element.elementor-element-df3f080.elementor-element{--align-self:center;}.elementor-8 .elementor-element.elementor-element-df3f080 .elementor-heading-title{font-family:"Saira", Sans-serif;font-size:16px;font-weight:400;line-height:1.5em;color:#FFFFFF;}.elementor-8 .elementor-element.elementor-element-b216c6b{--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;--justify-content:center;--align-items:center;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-8 .elementor-element.elementor-element-3505b0b .elementor-button{background-color:#61CE7000;font-family:"Saira", Sans-serif;font-size:18px;font-weight:600;line-height:1em;border-radius:5px 5px 5px 5px;padding:15px 040px 15px 40px;}.elementor-8 .elementor-element.elementor-element-3505b0b{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-8 .elementor-element.elementor-element-3505b0b.elementor-element{--align-self:center;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-8 .elementor-element.elementor-element-e8a54e6:not(.elementor-motion-effects-element-type-background), .elementor-8 .elementor-element.elementor-element-e8a54e6 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:0px 0px;}.elementor-8 .elementor-element.elementor-element-3505b0b{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}}@media(max-width:767px){.elementor-8 .elementor-element.elementor-element-e8a54e6{--min-height:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:10vw;--padding-bottom:10vw;--padding-left:5vw;--padding-right:5vw;}.elementor-8 .elementor-element.elementor-element-e8a54e6:not(.elementor-motion-effects-element-type-background), .elementor-8 .elementor-element.elementor-element-e8a54e6 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:top center;}.elementor-8 .elementor-element.elementor-element-326ce43 .elementor-heading-title{font-size:35px;}.elementor-8 .elementor-element.elementor-element-df3f080{width:100%;max-width:100%;}.elementor-8 .elementor-element.elementor-element-3505b0b.elementor-element{--align-self:flex-start;}.elementor-8 .elementor-element.elementor-element-3505b0b .elementor-button{font-size:16px;}}/* Start custom CSS for button, class: .elementor-element-3505b0b */.elementor-8 .elementor-element.elementor-element-3505b0b {
  /* Arredonda as bordas do elemento em 5 pixels. */
  border-radius: 5px;
  /* Define um fundo com um degradê de cores.
     90deg: O degradê vai da esquerda para a direita.
     #3484F7 0%: Começa com um azul mais escuro na borda esquerda.
     #75ABF9 50%: No meio, transita para um azul mais claro.
     #3484F7 100%: Termina com o mesmo azul escuro na borda direita.
     Isso cria um efeito de brilho metálico ou acetinado no centro. */
  background: linear-gradient(90deg, #3484F7 0%, #75ABF9 50%, #3484F7 100%);
}

/* Estilo específico para elementos com a classe "btn3" (provavelmente um botão) */
.btn3 {
  /* Define o mesmo fundo degradê do ".elementor-8 .elementor-element.elementor-element-3505b0b" acima.
     É um pouco redundante se o ".elementor-8 .elementor-element.elementor-element-3505b0b" já for o botão,
     mas garante que botões com a classe "btn3" tenham este fundo. */
  background: linear-gradient(90deg, #3484F7 0%, #75ABF9 50%, #3484F7 100%);
  /* Remove qualquer contorno que o navegador possa adicionar ao botão. */
  outline: none;
  /* Muda o cursor do mouse para uma "mãozinha" quando ele passa sobre o botão,
     indicando que é clicável. */
  cursor: pointer;
  /* Remove qualquer borda padrão do botão. */
  border: none;
  /* Faz com que qualquer mudança de estilo (como hover ou active)
     aconteça suavemente ao longo de 0.9 segundos. */
  transition: 0.9s;
}

/* Estilo para elementos com a classe "btn" QUANDO estão sendo clicados (ativos) */
.btn:active {
  /* Deixa o botão com 50% de transparência (meio apagado) enquanto está sendo pressionado. */
  opacity: 0.5;
}

/* Mais estilos para elementos com a classe "btn3".
   É comum ter a mesma classe definida múltiplas vezes em CSS;
   as regras são combinadas. */
.btn3 {
  /* Define um espaçamento interno de 5 pixels em todos os lados do botão.
     "!important" força esta regra a ter prioridade sobre outras regras de padding
     que possam existir para este elemento. (Use com cautela!) */
  padding: 5px !important;
}

/* Outro estilo para o ".elementor-8 .elementor-element.elementor-element-3505b0b" genérico */
.elementor-8 .elementor-element.elementor-element-3505b0b {
  /* Faz com que a largura do elemento se ajuste ao conteúdo dentro dele. */
  width: fit-content !important; /* "!important" força esta regra. */
  /* Se o conteúdo interno for maior que o elemento, o excesso será cortado
     (não aparecerão barras de rolagem). */
  overflow: hidden;
}

/* Define como o brilho vai se comportar QUANDO o mouse estiver SOBRE
   um elemento com a classe "elementor-button" dentro do ".elementor-8 .elementor-element.elementor-element-3505b0b". */
.elementor-8 .elementor-element.elementor-element-3505b0b .elementor-button:hover::before {
  /* Aplica uma animação chamada "brilho".
     Essa animação dura 0.8 segundos.
     A velocidade da animação é constante (linear). */
  animation: brilho 0.8s linear;
}

/* Configurações iniciais do efeito de brilho.
   O "::before" cria um elemento "falso" (como uma camada extra)
   antes do conteúdo real do "elementor-button". É nessa camada que o brilho acontece. */
.elementor-8 .elementor-element.elementor-element-3505b0b .elementor-button::before {
  /* Mesmo que não tenha texto, isso é necessário para o ::before funcionar. */
  content: "";
  /* O brilho terá a mesma altura do botão. */
  height: 100%;
  /* Permite posicionar o brilho exatamente em relação ao botão. */
  position: absolute;
  /* Alinha o brilho no topo do botão. */
  top: 0;
  /* Alinha o brilho à esquerda do botão (onde ele começa). */
  left: 0;
  /* Começa invisível (totalmente transparente). */
  opacity: 0;
  /* A cor do brilho será branca. */
  background: #ffffff;
  /* Cria um efeito de "aura" ou "névoa" branca ao redor do brilho.
     - 0 0: sem deslocamento horizontal ou vertical da sombra.
     - 30px: o tamanho do "borrão" da sombra (quão espalhada ela é).
     - 20px: o tamanho da "expansão" da sombra (quão longe ela se estende).
     - #ffffffaa: a cor da sombra é branca com um pouco de transparência (o "aa" no final). */
  box-shadow: 0 0 30px 20px #ffffffaa;
  /* Inclina o brilho em -30 graus no eixo X (horizontal).
     Isso faz com que o brilho pareça uma faixa de luz diagonal. */
  transform: skewX(-30deg);
  /* Define como as cores do brilho se misturam com as cores do botão.
     "plus-lighter" faz com que as cores se somem, clareando a área onde o brilho passa. */
  mix-blend-mode: plus-lighter;
}

/* Define os passos (keyframes) da animação chamada "brilho" */
@keyframes brilho {
  /* No início da animação (0% do tempo total) */
  0% {
    /* O brilho está totalmente transparente. */
    opacity: 0;
    /* O brilho está posicionado na borda esquerda do botão. */
    left: 0%;
  }

  /* Na metade da animação (50% do tempo total) */
  50% {
    /* O brilho está totalmente visível (opaco). */
    opacity: 1;
    /* A posição 'left' não é definida aqui, então ele continua se movendo
       de 0% para 100% ao longo da animação. Na metade, estaria no meio do caminho. */
  }

  /* No final da animação (100% do tempo total) */
  100% {
    /* O brilho volta a ser totalmente transparente. */
    opacity: 0;
    /* O brilho termina na borda direita do botão,
       dando a impressão de que atravessou o botão. */
    left: 100%;
  }
}/* End custom CSS */