.rainbow-text {
  background: linear-gradient(
    to right, 
    #ff0000, #ff7f00, #ffff00, #00ff00, #0000ff, #4b0082, #8b00ff
  );
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  background-size: 400% 100%;
  animation: rainbow-move 5s linear infinite;
  display: inline-block; /* Garante que o efeito funcione perfeitamente em palavras isoladas */
}

@keyframes rainbow-move {
  0% { background-position: 0% 50%; }
  100% { background-position: 400% 50%; }
}