/* Estilo del Contenedor de la Nieve */
#snow-container {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none; /* Crucial para que los clics pasen a la página */
    overflow: hidden;
    z-index: 1000; /* Asegúrate de que esté encima de todo */
}

/* Estilo Básico del Copo */
.snowflake {
    position: absolute;
    color: #82d4da;
    font-size: 14px; /* Tamaño por defecto */
    opacity: 0.8;
    /* Usa un carácter unicode para el copo */
    content: '❅'; 
    animation-name: fall;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
}

/* 🔑 La Animación Clave (Keyframes) */
@keyframes fall {
    0% {
        transform: translateY(-10vh);
    }
    100% {
        /* Cae más allá de la pantalla */
        transform: translateY(100vh);
    }
}