/* Correção para remover o efeito turvo da seção Hero e aplicar a cor verde da logo */

/* Remover a imagem de fundo e aplicar a cor verde sólida */
.hero {
  background-color: #3FDBA4 !important; /* Verde da logo */
}

.hero::before {
  content: none; /* Remover a imagem de fundo */
}

/* Remover o overlay escuro */
.hero::after {
  content: none;
}

/* Garantir que o conteúdo fique visível, alinhado à esquerda e centralizado verticalmente */
.hero-content {
  position: relative;
  z-index: 3;
  max-width: 600px;
  color: var(--white);
  background-color: transparent !important; /* Remover fundo semi-transparente */
  padding: 30px !important; /* Manter espaçamento interno */
  border-radius: 0 !important; /* Remover bordas arredondadas */
  box-shadow: none !important; /* Remover qualquer sombra */
  margin: 0 !important; /* Remover centralização horizontal */
  text-align: left !important; /* Alinhar o texto à esquerda */
}

/* Restaurar o container na seção hero para centralização vertical mantendo alinhamento à esquerda */
.hero .container {
  display: flex !important; /* Restaurar flexbox para centralização vertical */
  justify-content: flex-start !important; /* Alinhar conteúdo à esquerda */
  align-items: center !important; /* Centralizar verticalmente */
  height: 100% !important;
}

/* Aplicar cor roxa sólida ao título principal sem degradê */
.hero-title {
  text-shadow: none !important; /* Remover sombreamento */
  color: #6C13FB !important; /* Roxo da logo definido diretamente */
  background: none !important; /* Remover qualquer background */
  background-image: none !important; /* Remover qualquer imagem de fundo */
  -webkit-background-clip: initial !important; /* Remover background-clip */
  -webkit-text-fill-color: #6C13FB !important; /* Definir cor de preenchimento do texto */
  background-clip: initial !important; /* Remover background-clip para navegadores modernos */
  font-weight: 900 !important; /* Peso da fonte ainda mais forte para maior nitidez */
  letter-spacing: normal !important; /* Espaçamento normal entre letras */
  -webkit-font-smoothing: none !important; /* Desativar suavização para máxima nitidez */
  -moz-osx-font-smoothing: none !important; /* Desativar suavização para máxima nitidez */
  margin-bottom: 15px !important; /* Espaçamento abaixo do título */
  font-size: 2.5rem !important; /* Tamanho de fonte mais legível */
  line-height: 1.2 !important; /* Altura de linha adequada */
  opacity: 1 !important; /* Garantir opacidade total */
  filter: none !important; /* Remover qualquer filtro */
  backdrop-filter: none !important; /* Remover qualquer backdrop filter */
}

/* Garantir que todos os elementos dentro do título tenham a mesma cor roxa sólida */
.hero-title * {
  color: #6C13FB !important; /* Aplicar a mesma cor roxa a todos os elementos filhos */
  background: none !important; /* Remover qualquer background */
  -webkit-background-clip: initial !important; /* Remover background-clip */
  -webkit-text-fill-color: #6C13FB !important; /* Definir cor de preenchimento do texto */
  background-clip: initial !important; /* Remover background-clip para navegadores modernos */
  opacity: 1 !important;
  filter: none !important;
}

.hero-subtitle {
  text-shadow: none !important; /* Remover sombreamento */
  color: white !important; /* Cor branca conforme solicitado */
  font-weight: 600 !important; /* Peso da fonte mais forte para maior nitidez */
  -webkit-font-smoothing: subpixel-antialiased !important; /* Renderização mais nítida */
  -moz-osx-font-smoothing: auto !important; /* Renderização mais nítida */
  font-size: 1.2rem !important; /* Tamanho de fonte mais legível */
  line-height: 1.5 !important; /* Altura de linha adequada */
  opacity: 1 !important; /* Garantir opacidade total */
  filter: none !important; /* Remover qualquer filtro */
  backdrop-filter: none !important; /* Remover qualquer backdrop filter */
}

/* Remover apenas animações, mas manter visibilidade do conteúdo */
.hero .fade-in {
  animation: none !important;
  opacity: 1 !important;
  transform: none !important;
  display: block !important; /* Garantir que o conteúdo seja visível */
}

.hero .typing-effect,
.hero .particles-container,
.hero .tech-grid {
  animation: none !important;
  opacity: 1 !important;
  transform: none !important;
  display: none !important; /* Ocultar apenas efeitos visuais */
}