/*
 * Falling Hearts Overlay CSS
 * Define o estilo para o overlay de corações e animação.
 */

.fh-hearts-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  overflow: hidden;
  z-index: 10;
}

.fh-heart {
  position: absolute;
  color: #b92736; /* vermelho-copa, ajuste conforme sua paleta */
  will-change: transform;
}

@keyframes fh-fall {
  from {
    transform: translateY(-10vh) rotate(0deg);
  }
  to {
    transform: translateY(110vh) rotate(360deg);
  }
}

@media (prefers-reduced-motion: reduce) {
  .fh-heart {
    animation: none !important;
  }
}