/* ============================= */
/* 🌑 FONDO GENERAL SWEETALERT */
/* ============================= */

.swal2-container.swal2-backdrop-show {
    background: #000 !important;
}

.swal2-popup {
    background: #000 !important;
    color: #f0f0f0 !important;
}


div:where(.swal2-container) button:where(.swal2-styled).swal2-confirm {
    
    background: initial;
    background-color: #C11007 !important;
 
}


/* Animación suave personalizada */

.swal-fade-in {
    animation: fadeSlideIn 0.35s ease-out forwards;
}

.swal-fade-out {
    animation: fadeSlideOut 0.35s ease-in forwards;
}

@keyframes fadeSlideIn {
    from {
        opacity: 0;
        transform: translateY(20px) scale(0.98);
    }
    to {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}

@keyframes fadeSlideOut {
    from {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
    to {
        opacity: 0;
        transform: translateY(10px) scale(0.98);
    }
}