/* ============================================
   CSS: toast.css — Olemurcia
   Componente: Toast notificaciones
   ============================================ */

    #toast-area{

        position:fixed;

        top:18px;

        right:18px;

        z-index:9999;

        display:flex;

        flex-direction:column;

        gap:10px;

        pointer-events:none;

    }

    .toast-aviso{

        pointer-events:auto;

        max-width:340px;

        padding:13px 16px;

        border-radius:12px;

        font-size:13px;

        line-height:1.5;

        color:var(--texto);

        background:rgba(17,24,45,.85);

        backdrop-filter:blur(12px);

        -webkit-backdrop-filter:blur(12px);

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

        box-shadow:0 8px 24px rgba(0,0,0,.35);

        cursor:pointer;

        animation:toast-entrada .3s ease;

    }

    .toast-aviso.ok{

        border-color:rgba(48,209,88,.45);

    }

    .toast-aviso.error{

        border-color:rgba(255,107,107,.5);

    }

    .toast-aviso.salir{

        opacity:0;

        transform:translateX(24px);

        transition:opacity .3s, transform .3s;

    }

    @keyframes toast-entrada{

        from{ opacity:0; transform:translateX(24px); }

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

    }