/* Espera de una descarga en el propio botón (descarga-en-boton.js): el ícono se vuelve un aro que
   gira en el mismo lugar, sin velo ni modal, para poder seguir usando la pantalla. Cubre los íconos
   SVG del sistema y los de Font Awesome que quedan en pantallas sin migrar. Los fallbacks de los
   var() son para las pantallas que no cargan modern-ui-new.css. */
[data-descarga].esta-descargando { cursor: progress; }

[data-descarga].esta-descargando svg,
[data-descarga].esta-descargando .fas {
    border: 2px solid rgba(var(--woker-violet-rgb, 117, 81, 228), .22);
    border-top-color: var(--woker-violet, #7551e4);
    border-radius: 50%;
    animation: descargaEnBotonGiro .8s linear infinite;
}

[data-descarga].esta-descargando svg > * { visibility: hidden; }

[data-descarga].esta-descargando .fas { width: 1em; height: 1em; }
[data-descarga].esta-descargando .fas::before { visibility: hidden; }

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