/* *****************************************************
 EFECTO DE NIEVE ESTÁTICO ARRIBA – ESCUELA DJs GETAFE
****************************************************** */

/* Contenedores diferentes = profundidad */
#nieve-top-layer,
#nieve-mid-layer,
#nieve-back-layer {
    position: absolute;
    top: 0;
    left: 0;
    width: 100vw;
    height: 25vh;
    overflow: hidden;
    pointer-events: none;
    z-index: 1;
}

/* Capas con diferente prioridad para que parezca 3D */
#nieve-top-layer {
    z-index: 1000;
}

#nieve-mid-layer {
    z-index: 999;
}

#nieve-back-layer {
    z-index: 998;
}

/* Estilo del copo */
.copo-ultra {
    position: absolute;
    background: white;
    border-radius: 50%;
    opacity: 0.0;
    box-shadow: 0 0 6px rgba(255, 255, 255, 0.9);
    animation-name: ultraCaida;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
}

/* Animación ultra realista */
@keyframes ultraCaida {
    0% {
        transform: translateX(var(--x-start)) translateY(-10vh) rotate(0deg);
        opacity: 0;
    }

    10% {
        opacity: 0.5;
    }

    40% {
        opacity: 1;
    }

    70% {
        transform: translateX(var(--x-mid)) translateY(10vh) rotate(180deg);
        opacity: 0.4;
    }

    100% {
        transform: translateX(var(--x-end)) translateY(25vh) rotate(360deg);
        opacity: 0;
    }
}