:root {
  --custom-teal: #0a948f;
  --custom-teal-dark: #076f6b;
  --custom-teal-light: #0dcaf0;
  --custom-gray-dark: #222;
  --custom-gray-medium: #444;
  --custom-gray-light: #d0d7de;
  --custom-bg-light: #fafafa;
  --custom-white: #fff;
  --custom-shadow-light: rgba(0,0,0,0.04);
  --custom-shadow-medium: rgba(0,0,0,0.25);
  --custom-bg-card: rgba(255,255,255,0.96);
  --custom-bg-step: #eef8f7;
  --custom-bg-circle: #c2e7ea;
}

/* Utility classes */
.custom-teal { color: var(--custom-teal) !important; }
.custom-teal-bg { 
  background: var(--custom-teal) !important; 
  color: var(--custom-white) !important; 
  border: none !important; 
}
.custom-teal-border { border-color: var(--custom-teal) !important; }

/* Hero highlights - AQUÍ ESTÁN */
.hero-highlight { 
  color: var(--custom-teal-light) !important; /* #0dcaf0 cyan claro */
  font-weight: 700;
  text-shadow: 0 2px 6px rgba(13, 202, 240, 0.4);
}
.hero-highlight-secondary { 
  color: var(--custom-teal) !important; /* #0a948f teal principal */
  font-weight: 700;
  text-shadow: 0 2px 6px rgba(10, 148, 143, 0.4);
}