/* AnimatedGradientText: adaptação fiel ao componente React fornecido pelo cliente.
   Implementação CSS nativa porque este projeto é HTML/CSS/JS e não React. */
.headline-accent .animated-gradient-text {
  --bg-size: 300%;
  --color-from: #6fffc7;
  --color-to: #eafff6;
  display: inline;
  color: var(--color-from);
  background-image: linear-gradient(90deg, var(--color-from) 0%, var(--color-to) 50%, var(--color-from) 100%);
  background-size: var(--bg-size) 100%;
  background-position: 0% 50%;
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  text-shadow: none;
  animation: tenha-animated-gradient 6s linear infinite;
  -webkit-font-smoothing: antialiased;
}
@keyframes tenha-animated-gradient {
  0% { background-position: 0% 50%; }
  100% { background-position: 100% 50%; }
}
@media (prefers-reduced-motion: reduce) {
  .headline-accent .animated-gradient-text {
    animation: none;
    background-position: 50% 50%;
  }
}