/* Snowflakes otimizado para mobile - 80 flocos bem distribuídos */

@keyframes snowfall1 {
    0% {
        transform: translateY(-10vh) translateX(0);
        opacity: 1;
    }
    100% {
        transform: translateY(100vh) translateX(30px);
        opacity: 0;
    }
}

@keyframes snowfall2 {
    0% {
        transform: translateY(-10vh) translateX(0);
        opacity: 1;
    }
    100% {
        transform: translateY(100vh) translateX(-40px);
        opacity: 0;
    }
}

@keyframes snowfall3 {
    0% {
        transform: translateY(-10vh) translateX(0);
        opacity: 1;
    }
    100% {
        transform: translateY(100vh) translateX(50px);
        opacity: 0;
    }
}

@keyframes snowfall4 {
    0% {
        transform: translateY(-10vh) translateX(0);
        opacity: 1;
    }
    100% {
        transform: translateY(100vh) translateX(-60px);
        opacity: 0;
    }
}

@keyframes snowfall5 {
    0% {
        transform: translateY(-10vh) translateX(0);
        opacity: 1;
    }
    100% {
        transform: translateY(100vh) translateX(45px);
        opacity: 0;
    }
}

.snowflake {
    position: fixed;
    top: -10vh;
    width: 10px;
    height: 10px;
    background: white;
    border-radius: 50%;
    opacity: 0.8;
    z-index: 0;
    pointer-events: none;
    box-shadow: 0 0 5px rgba(255, 255, 255, 0.8);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

/* 80 flocos bem distribuídos - 1.25% de espaçamento cada */
.snowflake-1 { left: 1.25%; animation: snowfall1 18s linear infinite 0s; }
.snowflake-2 { left: 2.5%; animation: snowfall2 14s linear infinite 0.5s; }
.snowflake-3 { left: 3.75%; animation: snowfall3 16s linear infinite 1s; }
.snowflake-4 { left: 5%; animation: snowfall4 12s linear infinite 1.5s; }
.snowflake-5 { left: 6.25%; animation: snowfall5 20s linear infinite 2s; }
.snowflake-6 { left: 7.5%; animation: snowfall1 18s linear infinite 2.5s; }
.snowflake-7 { left: 8.75%; animation: snowfall2 14s linear infinite 3s; }
.snowflake-8 { left: 10%; animation: snowfall3 16s linear infinite 3.5s; }
.snowflake-9 { left: 11.25%; animation: snowfall4 12s linear infinite 4s; }
.snowflake-10 { left: 12.5%; animation: snowfall5 20s linear infinite 4.5s; }
.snowflake-11 { left: 13.75%; animation: snowfall1 18s linear infinite 5s; }
.snowflake-12 { left: 15%; animation: snowfall2 14s linear infinite 5.5s; }
.snowflake-13 { left: 16.25%; animation: snowfall3 16s linear infinite 6s; }
.snowflake-14 { left: 17.5%; animation: snowfall4 12s linear infinite 6.5s; }
.snowflake-15 { left: 18.75%; animation: snowfall5 20s linear infinite 7s; }
.snowflake-16 { left: 20%; animation: snowfall1 18s linear infinite 7.5s; }
.snowflake-17 { left: 21.25%; animation: snowfall2 14s linear infinite 8s; }
.snowflake-18 { left: 22.5%; animation: snowfall3 16s linear infinite 8.5s; }
.snowflake-19 { left: 23.75%; animation: snowfall4 12s linear infinite 9s; }
.snowflake-20 { left: 25%; animation: snowfall5 20s linear infinite 9.5s; }
.snowflake-21 { left: 26.25%; animation: snowfall1 18s linear infinite 10s; }
.snowflake-22 { left: 27.5%; animation: snowfall2 14s linear infinite 10.5s; }
.snowflake-23 { left: 28.75%; animation: snowfall3 16s linear infinite 11s; }
.snowflake-24 { left: 30%; animation: snowfall4 12s linear infinite 11.5s; }
.snowflake-25 { left: 31.25%; animation: snowfall5 20s linear infinite 12s; }
.snowflake-26 { left: 32.5%; animation: snowfall1 18s linear infinite 12.5s; }
.snowflake-27 { left: 33.75%; animation: snowfall2 14s linear infinite 13s; }
.snowflake-28 { left: 35%; animation: snowfall3 16s linear infinite 13.5s; }
.snowflake-29 { left: 36.25%; animation: snowfall4 12s linear infinite 14s; }
.snowflake-30 { left: 37.5%; animation: snowfall5 20s linear infinite 14.5s; }
.snowflake-31 { left: 38.75%; animation: snowfall1 18s linear infinite 15s; }
.snowflake-32 { left: 40%; animation: snowfall2 14s linear infinite 15.5s; }
.snowflake-33 { left: 41.25%; animation: snowfall3 16s linear infinite 16s; }
.snowflake-34 { left: 42.5%; animation: snowfall4 12s linear infinite 16.5s; }
.snowflake-35 { left: 43.75%; animation: snowfall5 20s linear infinite 17s; }
.snowflake-36 { left: 45%; animation: snowfall1 18s linear infinite 17.5s; }
.snowflake-37 { left: 46.25%; animation: snowfall2 14s linear infinite 18s; }
.snowflake-38 { left: 47.5%; animation: snowfall3 16s linear infinite 18.5s; }
.snowflake-39 { left: 48.75%; animation: snowfall4 12s linear infinite 19s; }
.snowflake-40 { left: 50%; animation: snowfall5 20s linear infinite 19.5s; }
.snowflake-41 { left: 51.25%; animation: snowfall1 18s linear infinite 20s; }
.snowflake-42 { left: 52.5%; animation: snowfall2 14s linear infinite 20.5s; }
.snowflake-43 { left: 53.75%; animation: snowfall3 16s linear infinite 21s; }
.snowflake-44 { left: 55%; animation: snowfall4 12s linear infinite 21.5s; }
.snowflake-45 { left: 56.25%; animation: snowfall5 20s linear infinite 22s; }
.snowflake-46 { left: 57.5%; animation: snowfall1 18s linear infinite 22.5s; }
.snowflake-47 { left: 58.75%; animation: snowfall2 14s linear infinite 23s; }
.snowflake-48 { left: 60%; animation: snowfall3 16s linear infinite 23.5s; }
.snowflake-49 { left: 61.25%; animation: snowfall4 12s linear infinite 24s; }
.snowflake-50 { left: 62.5%; animation: snowfall5 20s linear infinite 24.5s; }
.snowflake-51 { left: 63.75%; animation: snowfall1 18s linear infinite 25s; }
.snowflake-52 { left: 65%; animation: snowfall2 14s linear infinite 25.5s; }
.snowflake-53 { left: 66.25%; animation: snowfall3 16s linear infinite 26s; }
.snowflake-54 { left: 67.5%; animation: snowfall4 12s linear infinite 26.5s; }
.snowflake-55 { left: 68.75%; animation: snowfall5 20s linear infinite 27s; }
.snowflake-56 { left: 70%; animation: snowfall1 18s linear infinite 27.5s; }
.snowflake-57 { left: 71.25%; animation: snowfall2 14s linear infinite 28s; }
.snowflake-58 { left: 72.5%; animation: snowfall3 16s linear infinite 28.5s; }
.snowflake-59 { left: 73.75%; animation: snowfall4 12s linear infinite 29s; }
.snowflake-60 { left: 75%; animation: snowfall5 20s linear infinite 29.5s; }
.snowflake-61 { left: 76.25%; animation: snowfall1 18s linear infinite 30s; }
.snowflake-62 { left: 77.5%; animation: snowfall2 14s linear infinite 30.5s; }
.snowflake-63 { left: 78.75%; animation: snowfall3 16s linear infinite 31s; }
.snowflake-64 { left: 80%; animation: snowfall4 12s linear infinite 31.5s; }
.snowflake-65 { left: 81.25%; animation: snowfall5 20s linear infinite 32s; }
.snowflake-66 { left: 82.5%; animation: snowfall1 18s linear infinite 32.5s; }
.snowflake-67 { left: 83.75%; animation: snowfall2 14s linear infinite 33s; }
.snowflake-68 { left: 85%; animation: snowfall3 16s linear infinite 33.5s; }
.snowflake-69 { left: 86.25%; animation: snowfall4 12s linear infinite 34s; }
.snowflake-70 { left: 87.5%; animation: snowfall5 20s linear infinite 34.5s; }
.snowflake-71 { left: 88.75%; animation: snowfall1 18s linear infinite 35s; }
.snowflake-72 { left: 90%; animation: snowfall2 14s linear infinite 35.5s; }
.snowflake-73 { left: 91.25%; animation: snowfall3 16s linear infinite 36s; }
.snowflake-74 { left: 92.5%; animation: snowfall4 12s linear infinite 36.5s; }
.snowflake-75 { left: 93.75%; animation: snowfall5 20s linear infinite 37s; }
.snowflake-76 { left: 95%; animation: snowfall1 18s linear infinite 37.5s; }
.snowflake-77 { left: 96.25%; animation: snowfall2 14s linear infinite 38s; }
.snowflake-78 { left: 97.5%; animation: snowfall3 16s linear infinite 38.5s; }
.snowflake-79 { left: 98.75%; animation: snowfall4 12s linear infinite 39s; }
.snowflake-80 { left: 100%; animation: snowfall5 20s linear infinite 39.5s; }
