@keyframes fabGiro { to { transform: rotate(360deg); } }

@keyframes blobMover {
    0%   { transform: translate(0, 0) scale(1); }
    50%  { transform: translate(40px, -30px) scale(1.15); }
    100% { transform: translate(-30px, 40px) scale(0.95); }
}

@keyframes chipPop { 40% { transform: scale(1.12); } }

@keyframes trazar { to { stroke-dashoffset: 0; } }

@keyframes avatarHalo {
    0%   { box-shadow: 0 0 0 0 rgba(var(--morado-rgb), 0.7); }
    100% { box-shadow: 0 0 0 20px rgba(var(--morado-rgb), 0); }
}

@keyframes franjaBrillo { 60%, 100% { transform: translateX(120vw); } }