/* ============================================================================
   SweetAlert2 — estilo de marca Viagico (global, aplica a TODAS las alertas)
   Elimina el morado por defecto de swal2 y normaliza la variante my-custom-*.
   ========================================================================== */

.swal2-popup {
    border-radius: 20px !important;
    padding: 1.6rem 1.6rem 1.4rem !important;
    box-shadow: 0 30px 70px -25px rgba(16, 50, 75, .55) !important;
    font-family: -apple-system, "Segoe UI", Roboto, "General Sans", sans-serif !important;
}
.swal2-title { color: #16324B !important; font-weight: 800 !important; font-size: 1.32rem !important; }
.swal2-html-container, .swal2-content { color: #4a5b6e !important; font-size: 1rem !important; }

/* ---- Botones: colores de marca (sin morado) ---- */
.swal2-styled { border: none !important; transition: transform .12s, filter .12s; }
.swal2-styled:hover { filter: brightness(1.03); }
.swal2-styled.swal2-confirm {
    background: linear-gradient(135deg, #4FACBB, #307582) !important;
    color: #fff !important;
    border-radius: 12px !important;
    font-weight: 700 !important;
    padding: .72rem 1.5rem !important;
    box-shadow: 0 10px 22px -12px rgba(48, 117, 130, .9) !important;
}
.swal2-styled.swal2-cancel {
    background: #eef2f6 !important;
    color: #33587C !important;
    border-radius: 12px !important;
    font-weight: 700 !important;
    padding: .72rem 1.5rem !important;
    box-shadow: none !important;
}
.swal2-styled.swal2-deny {
    background: linear-gradient(135deg, #e9736e, #cf2c5d) !important;
    color: #fff !important;
    border-radius: 12px !important;
    font-weight: 700 !important;
    padding: .72rem 1.5rem !important;
}
.swal2-styled:focus { box-shadow: 0 0 0 3px rgba(79, 172, 187, .4) !important; outline: none !important; }
.swal2-actions { gap: .6rem !important; margin-top: 1.1rem !important; }

/* ---- Iconos en paleta de marca ---- */
.swal2-icon.swal2-success { border-color: rgba(16,185,129,.4) !important; color: #10b981 !important; }
.swal2-icon.swal2-success [class^=swal2-success-line] { background-color: #10b981 !important; }
.swal2-icon.swal2-success .swal2-success-ring { border-color: rgba(16,185,129,.3) !important; }
.swal2-icon.swal2-error { border-color: rgba(233,115,110,.5) !important; color: #e9736e !important; }
.swal2-icon.swal2-error [class^=swal2-x-mark-line] { background-color: #e9736e !important; }
.swal2-icon.swal2-warning { border-color: rgba(227,174,62,.55) !important; color: #E3AE3E !important; }
.swal2-icon.swal2-info,
.swal2-icon.swal2-question { border-color: rgba(79,172,187,.55) !important; color: #4FACBB !important; }

/* ---- Toast ---- */
.swal2-toast { border-radius: 14px !important; box-shadow: 0 12px 30px -12px rgba(16,50,75,.4) !important; }

/* ============================================================================
   Compat: variante my-custom-* (swalError / swalSuccess / swalSuccess1).
   Antes: popup oscuro + botón blanco posicionado ABSOLUTO en la esquina (se
   cortaba). Ahora: popup claro y botón de marca centrado, normal.
   ========================================================================== */
.swal2-popup.my-custom-popup {
    display: block !important;
    background: #fff !important;
    border-radius: 20px !important;
    box-shadow: 0 30px 70px -25px rgba(16, 50, 75, .55) !important;
}
.swal2-title.my-custom-title { color: #16324B !important; }
.swal2-html-container.my-custom-html-container { color: #4a5b6e !important; }
.swal2-confirm.my-custom-confirm-button.swal2-styled {
    position: static !important;
    top: auto !important;
    right: auto !important;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    margin: 1.2rem auto 0 !important;
    min-width: 56px;
    min-height: 44px;
    border-radius: 12px !important;
    background: linear-gradient(135deg, #4FACBB, #307582) !important;
    color: #fff !important;
    font-size: 1rem;
}