/* Snowfall effect */
@keyframes snowfall {
  0% {
    /* Empieza justo encima de la pantalla visual, oculto por el header */
    transform: translateY(-50px) rotate(0deg);
  }
  100% {
    transform: translateY(100vh) rotate(360deg);
  }
}

.snowflake {
  position: fixed;
  top: 0;
  /* z-index menor que el header, que tiene 997 en styles.css */
  z-index: 996;
  color: white;
  text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3); /* Sombra para contraste */
  pointer-events: none; /* Click a través de la nieve */
  line-height: 1;
  user-select: none;
  animation: snowfall linear infinite;
}