/* =========================================================
   HABECU UX Global — Estética institucional “Procesando…”
   - Spinner verde 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: lo “pintamos” verde HABECU
   Nota: SweetAlert2 usa .swal2-loader (loader circular).
*/
.swal2-popup {
    border-radius: 14px;
}

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

/* Loader */
.swal2-loader {
    width: 3.2em;
    height: 3.2em;
    border-width: 0.35em;
    border-style: solid;
    /* Verde HABECU + aro suave */
    border-color: rgba(12, 96, 52, 0.25);
    border-top-color: #0c6034; /* verde institucional */
    border-radius: 50%;
    box-shadow: 0 0 0 2px rgba(12, 96, 52, 0.07);
}

/* Backdrop ligeramente más institucional */
.swal2-container.swal2-backdrop-show {
    background: rgba(10, 25, 18, 0.55);
}

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

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