/* Animación personalizada para pétalos de rosa (caída suave de arriba hacia abajo) */
@keyframes caida-petalos {
  0% {
    transform: translateY(-100px) translateX(0) rotate(-10deg);
    opacity: 0.7;
  }
  50% {
    transform: translateY(50vh) translateX(20px) rotate(10deg);
    opacity: 0.85;
  }
  100% {
    transform: translateY(100vh) translateX(-20px) rotate(-15deg);
    opacity: 0.2;
  }
}

.animate-fall {
  animation: caida-petalos 2.5s linear infinite;
}