/* Animación de colores */
@keyframes colorShift {
   0% {
      filter: hue-rotate(0deg) brightness(1.1);
   }

   33% {
      filter: hue-rotate(90deg) brightness(1.15);
   }

   66% {
      filter: hue-rotate(180deg) brightness(1.2);
   }

   100% {
      filter: hue-rotate(270deg) brightness(1.25);
   }
}

@keyframes fadeIn {
   to {
      opacity: 1;
   }
}

@keyframes pulse {
   0% {
      transform: translateY(-10px) scale(1.05);
   }

   50% {
      transform: translateY(-12px) scale(1.08);
   }

   100% {
      transform: translateY(-10px) scale(1.05);
   }
}

@keyframes ripple {
   0% {
      width: 0;
      height: 0;
      opacity: 0.8;
   }

   100% {
      width: 400px;
      height: 400px;
      opacity: 0;
   }
}

@keyframes colorFlow {
   0% {
      background-position: 0% 50%;
   }

   50% {
      background-position: 100% 50%;
   }

   100% {
      background-position: 0% 50%;
   }
}