/* Animación de estrellitas */
@keyframes star {
  0%, 100% { transform: translateY(0); opacity: 1; }
  50% { transform: translateY(-5px); opacity: 0.5; }
}
.animate-star {
  animation: star 2s infinite ease-in-out;
}

/* Diferentes delays para estrellitas */
.star-delay-0 { animation-delay: 0s; }
.star-delay-1 { animation-delay: 1s; }
.star-delay-2 { animation-delay: 2s; }
.star-delay-1-5 { animation-delay: 1.5s; }
.star-delay-0-5 { animation-delay: 0.5s; }

/* Animación suave de pulsos para círculos decorativos */
@keyframes pulse-slow {
  0%, 100% { transform: scale(1); opacity: 0.3; }
  50% { transform: scale(1.1); opacity: 0.5; }
}
.animate-pulse-slow {
  animation: pulse-slow 6s infinite ease-in-out;
}

/* Section Bienvenidos Animado */
@keyframes star-move {
  0%, 100% { transform: translateY(0) scale(1); opacity: 1; }
  50% { transform: translateY(-10px) scale(1.2); opacity: 0.6; }
}

.animate-star {
  animation: star-move 3s ease-in-out infinite;
}

@keyframes pulse-slow {
  0%, 100% { transform: scale(1); opacity: 0.3; }
  50% { transform: scale(1.1); opacity: 0.5; }
}

.animate-pulse-slow {
  animation: pulse-slow 4s ease-in-out infinite;
}

@keyframes pop {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.15) rotate(2deg);
  }
  100% {
    transform: scale(1);
  }
}
.animate-pop {
  animation: pop 1s;
}