/* ===== Toast universal ===== */
.toast {
    position: absolute;
    top: 9%;
    left: 38%;
    padding: 14px 20px;
    border-radius: 10px;
    font-size: 16px;
    color: #fff;
    display: flex;
    align-items: center;
    gap: 10px;
    z-index: 99999;
    box-shadow: 0 8px 20px rgba(0,0,0,0.22);
    animation: toast-in 0.5s ease-out, toast-out 0.5s ease-in 3.5s forwards;
}

.toast i {
    font-size: 22px;
}

.toast.success {
    background: #27ae60;
}

.toast.error {
    background: #c0392b;
}

/* Animaciones */
@keyframes toast-in {
    from { transform: translateX(150%); opacity: 0; }
    to   { transform: translateX(0); opacity: 1; }
}
@keyframes toast-out {
    from { transform: translateX(0); opacity: 1; }
    to   { transform: translateX(150%); opacity: 0; }
}