.elementor-7 .elementor-element.elementor-element-8030f54{--display:flex;--min-height:856px;--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-7 .elementor-element.elementor-element-8030f54:not(.elementor-motion-effects-element-type-background), .elementor-7 .elementor-element.elementor-element-8030f54 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;background-image:url("https://ojorgeregis.com/wp-content/uploads/2025/08/BG-CIRCLE3.avif");background-position:0px 140px;background-repeat:no-repeat;background-size:cover;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-7 .elementor-element.elementor-element-e267e5e img{width:21%;}.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-7 .elementor-element.elementor-element-47a65d6{width:var( --container-widget-width, 91% );max-width:91%;--container-widget-width:91%;--container-widget-flex-grow:0;text-align:center;}.elementor-7 .elementor-element.elementor-element-47a65d6.elementor-element{--align-self:center;}.elementor-7 .elementor-element.elementor-element-47a65d6 .elementor-heading-title{font-family:"Saira", Sans-serif;font-size:64px;font-weight:600;line-height:1.3em;color:#FFFFFF;}.elementor-7 .elementor-element.elementor-element-753c356{width:var( --container-widget-width, 59% );max-width:59%;--container-widget-width:59%;--container-widget-flex-grow:0;text-align:center;}.elementor-7 .elementor-element.elementor-element-753c356.elementor-element{--align-self:center;}.elementor-7 .elementor-element.elementor-element-753c356 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:16px;font-weight:400;line-height:1.5em;color:#FFFFFF;}.elementor-7 .elementor-element.elementor-element-90977f4{--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-7 .elementor-element.elementor-element-2192938 .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-7 .elementor-element.elementor-element-2192938{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-7 .elementor-element.elementor-element-2192938.elementor-element{--align-self:center;}.elementor-7 .elementor-element.elementor-element-d14152c .elementor-button{background-color:#FFFFFF00;font-family:"Saira", Sans-serif;font-size:18px;font-weight:600;line-height:1em;fill:#FFFFFF;color:#FFFFFF;border-style:none;border-radius:5px 5px 5px 5px;padding:0px 0px 0px 0px;}.elementor-7 .elementor-element.elementor-element-d14152c{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-7 .elementor-element.elementor-element-d14152c.elementor-element{--align-self:center;}.elementor-7 .elementor-element.elementor-element-d14152c .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-7 .elementor-element.elementor-element-d14152c .elementor-button .elementor-button-content-wrapper{gap:15px;}@media(max-width:1024px){.elementor-7 .elementor-element.elementor-element-8030f54:not(.elementor-motion-effects-element-type-background), .elementor-7 .elementor-element.elementor-element-8030f54 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:0px 0px;}.elementor-7 .elementor-element.elementor-element-2192938{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-7 .elementor-element.elementor-element-d14152c{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}}@media(max-width:767px){.elementor-7 .elementor-element.elementor-element-8030f54{--min-height:647px;--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-7 .elementor-element.elementor-element-8030f54:not(.elementor-motion-effects-element-type-background), .elementor-7 .elementor-element.elementor-element-8030f54 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:top center;}.elementor-7 .elementor-element.elementor-element-47a65d6{--container-widget-width:282px;--container-widget-flex-grow:0;width:var( --container-widget-width, 282px );max-width:282px;}.elementor-7 .elementor-element.elementor-element-47a65d6 .elementor-heading-title{font-size:30px;}.elementor-7 .elementor-element.elementor-element-753c356{width:100%;max-width:100%;}.elementor-7 .elementor-element.elementor-element-2192938.elementor-element{--align-self:flex-start;}.elementor-7 .elementor-element.elementor-element-2192938 .elementor-button{font-size:16px;}.elementor-7 .elementor-element.elementor-element-d14152c.elementor-element{--align-self:flex-start;}.elementor-7 .elementor-element.elementor-element-d14152c .elementor-button{font-size:16px;line-height:1.5em;padding:0px 0px 0px 0px;}}/* Start custom CSS for button, class: .elementor-element-2192938 */.elementor-7 .elementor-element.elementor-element-2192938 {
  /* 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-7 .elementor-element.elementor-element-2192938" acima.
     É um pouco redundante se o ".elementor-7 .elementor-element.elementor-element-2192938" 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-7 .elementor-element.elementor-element-2192938" genérico */
.elementor-7 .elementor-element.elementor-element-2192938 {
  /* 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-7 .elementor-element.elementor-element-2192938". */
.elementor-7 .elementor-element.elementor-element-2192938 .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-7 .elementor-element.elementor-element-2192938 .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 */
/* Start custom CSS for button, class: .elementor-element-d14152c *//* Estilos para um botão com a classe "boton-elegante" */
.boton-elegante {
  /* Arredonda as bordas do botão em 5 pixels. */
  border-radius: 5px;
  /* Define o espaçamento interno do botão:
     15px na parte de cima e de baixo, 30px nos lados esquerdo e direito. */
  padding: 15px 30px;
  /* Adiciona uma borda sólida de 1 pixel de espessura na cor cinza escuro (#2c2c2c). */
  border: 1px solid #2c2c2c;
  /* Define a cor de fundo do botão como um azul muito escuro, quase preto (#02030D). */
  background-color: #02030D;
  /* Define a cor do texto dentro do botão como branco (#ffffff). */
  color: #ffffff;
  /* Define o tamanho da fonte do texto do botão como 1.2 vezes o tamanho padrão (rem). */
  font-size: 1.2rem;
  /* Muda o cursor do mouse para uma "mãozinha" quando ele passa sobre o botão,
     indicando que é clicável. */
  cursor: pointer;
  /* Faz com que qualquer mudança de estilo (como ao passar o mouse por cima)
     aconteça suavemente ao longo de 0.4 segundos, com uma aceleração e
     desaceleração suaves (ease). */
  transition: all 0.4s ease;
  /* Remove qualquer contorno que o navegador possa adicionar ao botão quando clicado. */
  outline: none;
  /* Permite posicionar elementos "filhos" (como o ::after abaixo) de forma
     absoluta em relação a este botão. */
  position: relative;
  /* Se algum conteúdo "filho" (como o efeito ::after) tentar transbordar
     os limites do botão, ele será cortado e não ficará visível para fora. */
  overflow: hidden;
  /* Deixa o texto do botão em negrito. */
  font-weight: bold;
}

/* Cria um elemento "falso" (::after) DENTRO do botão,
   logo após o conteúdo real do botão. Este elemento será usado para um efeito visual. */
.boton-elegante::after {
  /* É necessário para que o ::after seja criado, mesmo que não tenha texto. */
  content: "";
  /* Permite posicionar este elemento "falso" em relação ao botão (que tem position: relative). */
  position: absolute;
  /* Alinha o topo do elemento "falso" com o topo do botão. */
  top: 0;
  /* Alinha a esquerda do elemento "falso" com a esquerda do botão. */
  left: 0;
  /* Faz o elemento "falso" ter a mesma largura do botão. */
  width: 100%;
  /* Faz o elemento "falso" ter a mesma altura do botão. */
  height: 100%;
  /* Cria um fundo com um degradê radial (circular):
     - circle: o degradê é um círculo.
     - rgba(255, 255, 255, 0.25) 0%: No centro (0%), é um branco com 25% de opacidade (levemente transparente).
     - rgba(255, 255, 255, 0) 70%: Aos 70% do raio do círculo, ele se torna totalmente transparente.
     Isso cria um efeito de "luz" ou "flash" circular que começa no centro. */
  background: radial-gradient(
    circle,
    rgba(255, 255, 255, 0.25) 0%,
    rgba(255, 255, 255, 0) 70%
  );
  /* Inicialmente, este círculo de luz é "encolhido" até ficar invisível (escala 0). */
  transform: scale(0);
  /* Faz com que a mudança na propriedade "transform" (o aumento do círculo)
     aconteça suavemente ao longo de 0.5 segundos, com aceleração e
     desaceleração suaves (ease). */
  transition: transform 0.5s ease;
}

/* Quando o mouse passa POR CIMA do botão (.boton-elegante:hover),
   o estilo do elemento "falso" (::after) muda: */
.boton-elegante:hover::after {
  /* O círculo de luz aumenta de tamanho (escala 4 vezes o seu tamanho original),
     criando um efeito de "explosão" de luz a partir do centro do botão. */
  transform: scale(4);
}

/* Quando o mouse passa POR CIMA do botão (.boton-elegante:hover),
   o estilo do PRÓPRIO botão também muda: */
.boton-elegante:hover {
  /* A cor da borda do botão muda para um cinza um pouco mais claro (#666666). */
  border-color: #666666;
  /* A cor de fundo do botão permanece a mesma (azul escuro).
     Esta linha pode parecer redundante, mas garante que a cor de fundo não seja
     alterada por outros estilos de hover mais genéricos. */
  background: #02030D;
}/* End custom CSS */