/* =========================================
   TOAST GLOBAL DEL SISTEMA
========================================= */

#toastContainer{
    position:fixed !important;

    top:95px !important;

    right:24px !important;

    z-index:99999999 !important;

    display:flex !important;
    flex-direction:column !important;
    gap:12px !important;

    width:auto !important;
    height:auto !important;

    pointer-events:none !important;
}

/* =========================================
   TOAST BASE
========================================= */

.toast-app{
    position:relative !important;

    min-width:320px !important;
    max-width:460px !important;

    padding:16px 18px !important;

    border-radius:16px !important;

    color:#ffffff !important;

    font-size:14px !important;
    font-weight:700 !important;
    line-height:1.45 !important;

    opacity:1 !important;
    visibility:visible !important;

    overflow:hidden !important;

    border:1px solid rgba(255,255,255,.14) !important;

    box-shadow:0 18px 45px rgba(0,0,0,.45) !important;

    animation:toastEntrada .25s ease !important;

    pointer-events:auto !important;
}


/* =========================================
   TOAST TIPOS
========================================= */

.toast-success{
    background:linear-gradient(135deg,#15803d,#22c55e) !important;
}

.toast-error{
    background:linear-gradient(135deg,#991b1b,#ef4444) !important;
}

.toast-warning{
    background:linear-gradient(135deg,#b45309,#f59e0b) !important;
}

.toast-info{
    background:linear-gradient(135deg,#2563eb,#7c3aed) !important;
}


/* =========================================
   TOAST CLAVE / MENSAJE IMPORTANTE
========================================= */

.toast-importante{
    min-width:380px !important;
    max-width:520px !important;
    font-size:15px !important;
}

.toast-clave{
    display:block !important;
    margin-top:8px !important;

    background:rgba(0,0,0,.25) !important;
    border:1px solid rgba(255,255,255,.18) !important;

    padding:10px 12px !important;
    border-radius:12px !important;

    font-size:18px !important;
    font-weight:900 !important;
    letter-spacing:.5px !important;
}


/* =========================================
   ANIMACION
========================================= */

@keyframes toastEntrada{
    from{
        transform:translateY(-10px);
        opacity:0;
    }

    to{
        transform:translateY(0);
        opacity:1;
    }
}