/* ============================================================
   Marquee Icons Widget — CSS global (keyframes + pause hover)
   Estilos por instância ficam no <style> inline do render()
   ============================================================ */

@keyframes diegoScrollUp {
    0%   { transform: translateY(0); }
    100% { transform: translateY(-33.333%); }
}

@keyframes diegoScrollDown {
    0%   { transform: translateY(-33.333%); }
    100% { transform: translateY(0); }
}

/* Pausa ao hover no container inteiro */
.diego-marquee-icons.pause-on-hover:hover .dm-track {
    animation-play-state: paused;
}