/*
 * VERSÃO 3: FOCO TOTAL EM LEBILIDADE E CONTRASTE
 * Este código cria um contorno nítido ao redor dos números.
 */

.result-card h3.count-up {
  font-family: "Orbitron", sans-serif;
  font-size: 4rem; /* Tamanho aumentado para máxima clareza */
  font-weight: 700;
  line-height: 1;
  margin: 15px 0;
  
  /* Cor do texto: ciano brilhante e totalmente opaco */
  color: #00f2ff;

  /* Removendo estilos de gradiente que podem atrapalhar a leitura */
  background: none;
  -webkit-background-clip: initial;
  background-clip: initial;
  -webkit-text-fill-color: initial;

  /* * A técnica de contorno (stroke) com text-shadow.
   * Criamos uma borda preta de 1px em todas as direções ao redor do texto,
   * garantindo que ele se separe visualmente do fundo.
   */
  text-shadow: 
    /* Contorno preto para máxima definição */
    -1.5px -1.5px 0 #000,  
     1.5px -1.5px 0 #000,
    -1.5px  1.5px 0 #000,
     1.5px  1.5px 0 #000,
     
     /* Adiciona um brilho roxo sutil por fora do contorno preto */
    -2px -2px 8px rgba(106, 0, 255, 0.6),
     2px  2px 8px rgba(106, 0, 255, 0.6);
  
  /* Garantir que o texto esteja totalmente opaco */
  opacity: 1;
}

/* Pequeno ajuste no ícone para dar mais destaque ao número */
.result-card .result-icon {
  margin-bottom: 15px;
  transform: scale(0.9); /* Deixa o ícone um pouco menor */
}

/* Pequeno ajuste na descrição */
.result-card p {
  color: var(--text-secondary);
  font-size: 1rem;
  font-weight: 500;
  margin-top: 15px;
}