/* loading-state.css — spinner anti doble-click (v10 TAREA 2) */
.amp-spinner {
    display: inline-block;
    width: 1em;
    height: 1em;
    vertical-align: -0.125em;
    border: 2px solid currentColor;
    border-right-color: transparent;
    border-radius: 50%;
    animation: amp-spin 0.6s linear infinite;
}

@keyframes amp-spin {
    to { transform: rotate(360deg); }
}

/* Boton en estado de envio: feedback claro + bloqueo de interaccion. */
button.is-loading,
input.is-loading {
    cursor: progress;
    opacity: 0.85;
    pointer-events: none;
}