/* WebArtes — símbolo flutuante */
 
#wa-particles {
    position: fixed;
    inset: 0;
    width: 100%;
    height: 100%;
    z-index: 20;
    pointer-events: none;
}
#wa-scroll-symbol {
    position: fixed;
    top: 0;
    left: 0;
    width: 54px;
    height: 54px;
    z-index: 9999;
    pointer-events: none;
    opacity: 0;
    transform: translate3d(-100px, -100px, 0);
    will-change: transform, opacity;
    filter: drop-shadow(0 0 12px rgba(0, 212, 170, .28));
}

#wa-scroll-symbol img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
    user-select: none;
}

#wa-scroll-symbol.wa-visible {
    opacity: 1;
}

#wa-scroll-symbol.wa-morph img {
    animation: wa-disassemble .55s ease-in-out;
}

#wa-scroll-symbol.wa-morph {
    filter: drop-shadow(0 0 18px rgba(0, 212, 170, .7));
}

@keyframes wa-disassemble {
    0% {
        opacity: 1;
        transform: scale(1) rotate(0);
    }
    45% {
        opacity: .25;
        transform: scale(.15) rotate(160deg);
        filter: blur(5px);
    }
    75% {
        opacity: .6;
        transform: scale(1.25) rotate(300deg);
        filter: blur(1px);
    }
    100% {
        opacity: 1;
        transform: scale(1) rotate(360deg);
        filter: blur(0);
    }
}

@media (max-width: 768px), (prefers-reduced-motion: reduce) {
    #wa-scroll-symbol {
        display: none;
    }

    

}