.elementor-4399 .elementor-element.elementor-element-96e80bf{--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;}/* Start custom CSS */p{

margin: 0px;

}

html, body{

width: 100%;

overflow-x: hidden;

}

.gradient-aurora {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  height: 100vh;
  z-index: 0;
  pointer-events: none;
  background-image:
    radial-gradient(ellipse at 20% 25%, rgba(67, 56, 202, 0.25), rgba(67, 56, 202, 0) 55%),   /* Azul */
    radial-gradient(ellipse at 80% 30%, rgba(147, 51, 234, 0.2), rgba(147, 51, 234, 0) 40%),   /* Roxo */
    radial-gradient(ellipse at 50% 90%, rgba(0, 150, 105, 0.15), rgba(5, 150, 105, 0) 90%);     /* Verde */
  transition: opacity 0.5s ease;
}


/* Estilo e animação do cursor piscando */
#typing-text .cursor {
    display: inline-block;
    background-color: #a78bfa; /* Cor roxa */
    width: 3px; /* Largura do cursor */
    animation: blink 1s infinite;
}

/* Pausa a animação de piscar enquanto o texto está a ser escrito */
#typing-text .cursor.typing {
    animation: none;
}

/* Define a animação 'blink' */
@keyframes blink {
    0%, 100% { background-color: transparent; }
    50% { background-color: #a78bfa; /* Cor roxa */ }
}



/*
 * CSS para animar um TÍTULO NATIVO do Elementor.
 * ID do Título a ser usado: #titulo-animado-js
 */

/*
 * Use a aba "Estilo" do widget de Título para controlar tudo
 * sobre a fonte (tamanho, cor, peso, etc.).
 * Este código apenas alinha e adiciona o cursor.
*/

/* Alinha o texto e o cursor e define uma altura mínima */
#titulo-animado-js .elementor-heading-title {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap; 
  min-height: 1.5em; /* Usa 'em' para se ajustar ao tamanho da fonte */
}

/* Estilo do cursor roxo que pisca */
.cursor-animado {
  display: inline-block;
  background-color: #a78bfa; /* Cor roxa */
  width: 4px;
  /* A altura 'em' adapta-se automaticamente ao tamanho da fonte do título */
  height: 1.1em;
  margin-left: 8px;
  animation: piscar 1s infinite;
}

/* Pausa a animação de piscar enquanto o texto está a ser escrito */
.cursor-animado.a-digitar {
  animation: none;
}

/* Animação "piscar" */
@keyframes piscar {
  0%, 100% {
    background-color: transparent;
  }
  50% {
    background-color: #a78bfa;
  }
}/* End custom CSS */