@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&display=swap');

:root {
  /* Cores Principais do Site Anterior */
  --preto-fundo: #0d0d0d;
  --verde-neon: #00ff41;
  --amarelo-destaque: #ffe600;
  --cinza-texto: #b3b3b3;
  --cinza-fundo-card: #1a1a1a;
  --borda-card: #333333;
  --borda-card-transp: #3333336e;

  /* Novas Cores Extraídas desta Imagem */
  --verde-barra-topo: #25d366;     /* Verde padrão do WhatsApp na barra superior */
  --verde-fundo--capin: #00bb83b9;
  --verde-musgo-escuro: #0a2618;   /* Fundo verde floresta do banner principal */
  --verde-musgo-claro: #1b4d3e;    /* Detalhes e molduras em verde musgo */
  --branco-puro: #ffffff;          /* Para textos em destaque */

}

/* Seletor para o seu título principal, por exemplo, o <h1> */
.amareloGradiente {
  /* 1. Defina o gradiente como imagem de fundo (background) */
  background: linear-gradient(to bottom, #ffd429 0%, #806b04 100%) !important;
  
  /* 2. Recorte o fundo para que ele seja visível APENAS dentro do texto */
  -webkit-background-clip: text !important;
  background-clip: text !important;
  
  /* 3. Torne a cor do texto transparente para que o gradiente apareça */
  color: transparent !important;
  
  /* Opcional: Garanta que a fonte seja grossa o suficiente para ver o gradiente */
  font-weight: bold; 
}