/* =========================
   SPINNER GLOBAL
========================= */
.modal-close {
    position: absolute !important;
    top: 20px !important;
    right: 20px !important;
    background: none !important;
    border: 0 !important;
    cursor: pointer !important;
}

.modal-close:hover {
    background-color: transparent !important;
}

.modal-close img {
    width: 20px !important;
    height: 20px !important;
}

.spinner {
    display: none;
    width: 16px !important;
    height: 16px !important;
    border: 2px solid rgba(255, 255, 255, 0.3);
    border-radius: 50%;
    border-top-color: #fff;
    animation: spin 1s ease-in-out infinite !important;
    margin-left: 8px;
    vertical-align: middle;
}


/* =========================
   ESTADO LOADING GLOBAL
========================= */

.is-loading {
    pointer-events: none;
    background: #666;
    cursor: not-allowed;
}

.is-loading .spinner {
    display: inline-block;
}

.is-loading .btn-text {
    display: none;
}

.is-loading .btn-loading-text {
    display: inline;
}

/* =========================
   KEYFRAMES (UNA SOLA VEZ)
========================= */

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