.friendly-error-toast{
    position:fixed;
    right:22px;
    top:88px;
    max-width:360px;
    background:#111827;
    color:white;
    padding:14px 18px;
    border-radius:18px;
    box-shadow:0 12px 35px rgba(0,0,0,.25);
    font-weight:700;
    line-height:1.4;
    z-index:200000;
    opacity:0;
    pointer-events:none;
    transform:translateY(-10px);
    transition:.25s ease;
}

.friendly-error-toast.mostrar{
    opacity:1;
    transform:translateY(0);
}

body.dark-mode .friendly-error-toast{
    background:#f3f4f6;
    color:#111827;
}

@media(max-width:768px){
    .friendly-error-toast{
        left:82px;
        right:14px;
        top:74px;
        max-width:none;
    }
}