/* =========================================================
   HABECU UX Global — Estética institucional "Procesando..."
   - Spinner verde/dorado institucional (SweetAlert2 loader)
   - Sensación de bloqueo + cursor
   ========================================================= */

/* Fallback: cuando no hay Swal, activamos cursor y evitamos clicks */
html.hbux-busy,
html.hbux-busy body {
    cursor: progress !important;
}

/* SweetAlert2 — Loader circular con la paleta verde/dorado APP2.
   Nota: SweetAlert2 usa .swal2-loader (loader circular).
*/
.swal2-popup {
    border-radius: 18px;
}

.swal2-title {
    font-weight: 700;
    letter-spacing: 0.2px;
}

/* Loader */
.swal2-loader {
    width: 2.95em;
    height: 2.95em;
    border-width: 0.32em;
    border-style: solid;
    border-color: rgba(255, 216, 106, 0.18);
    border-top-color: #ffd86a;
    border-right-color: #ffe8a3;
    border-radius: 50%;
    box-shadow: 0 0 0 2px rgba(255, 216, 106, 0.08);
}

/* Backdrop ligeramente más institucional */
.swal2-container.swal2-backdrop-show {
    background: rgba(4, 16, 7, 0.76);
}

/* Texto secundario */
.swal2-html-container {
    opacity: 0.95;
}

.habecu-swal-processing .swal2-title {
    color: #ffd86a;
}

.habecu-swal-processing .swal2-html-container {
    color: rgba(246, 250, 239, 0.84);
}

/* Opcional: cuando estamos ocupados, evitamos selección accidental */
html.hbux-busy * {
    user-select: none;
}