/* =========================================
   SweetAlert2 v6.10 - Modern Customization (Corregido)
   ========================================= */

/* Contenedor principal de la alerta */
.swal2-modal:not(.swal2-hide),
.swal2-popup:not(.swal2-hide) {
    border: none !important;
    border-radius: 16px !important;
    box-shadow: 0 20px 40px -10px rgba(0, 0, 0, 0.2), 0 10px 15px -5px rgba(0, 0, 0, 0.1) !important;
    background: var(--color-white) !important;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif !important;

    /* SIN !important para permitir que el JS de SWAL lo oculte */
    -webkit-animation: swalModernEntrance 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275) both;
    animation: swalModernEntrance 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275) both;
}

.swal2-buttonswrapper.swal2-loading {
    display: none !important;
}

/* Animación WebKit / Estándar */
@-webkit-keyframes swalModernEntrance {
    0% {
        opacity: 0;
        -webkit-transform: scale(0.8) translateY(20px);
        transform: scale(0.8) translateY(20px);
    }
    100% {
        opacity: 1;
        -webkit-transform: scale(1) translateY(0);
        transform: scale(1) translateY(0);
    }
}

@keyframes swalModernEntrance {
    0% {
        opacity: 0;
        -webkit-transform: scale(0.8) translateY(20px);
        transform: scale(0.8) translateY(20px);
    }
    100% {
        opacity: 1;
        -webkit-transform: scale(1) translateY(0);
        transform: scale(1) translateY(0);
    }
}

/* Título */
.swal2-title {
    color: var(--color-darkmain) !important;
    font-weight: 700 !important;
    font-size: 2.5rem !important;
}

/* Contenido / Texto */
.swal2-content {
    color: var(--color-darkgrey) !important;
    font-size: clamp(2rem, 1rem, 10px) !important;
    line-height: 1.5 !important;
}

/* Botones: Contenedor */
.swal2-buttonswrapper {
    display: flex !important;
    justify-content: center;
}

/* Ajuste de los inputs */
.swal2-input,
.swal2-textarea {
    border: 1px solid #e5e7eb !important;
    border-radius: 8px !important;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05) !important;
    transition: border-color 0.2s, box-shadow 0.2s;
    -webkit-transition: border-color 0.2s, box-shadow 0.2s;
}

.swal2-input:focus,
.swal2-textarea:focus {
    border-color: #4f46e5 !important;
    box-shadow: 0 0 0 3px rgba(79, 70, 229, 0.2) !important;
    outline: none !important;
}

@media (max-width: 767px) {
    .swal2-icon,
    .swal2-success-ring {
        margin: 0 auto 10px !important;
        font-size: 30px !important;
        width: 40px !important;
        height: 40px !important;
        line-height: 40px !important;
    }

    .swal2-icon.swal2-error [class^='swal2-x-mark-line'][class$='right'] {
        right: 5px !important;
    }

    .swal2-icon.swal2-error [class^='swal2-x-mark-line'][class$='left'] {
        left: 5px !important;
    }

    .swal2-icon.swal2-error [class^='swal2-x-mark-line'] {
        width: 30px !important;
        top: 18px !important;
    }

    .swal2-modal .swal2-styled {
        margin: 0 5px 0 !important;
    }

    .swal2-icon.swal2-success [class^='swal2-success-line'][class$='long'] {
        width: 26px !important;
        right: 2px !important;
        top: 19px !important;
    }

    .swal2-icon.swal2-success [class^='swal2-success-line'][class$='tip'] {
        width: 15px !important;
        left: 7px !important;
        top: 23px !important;
    }

    .swal2-icon.swal2-success .swal2-success-fix {
        display: none !important;
    }

    .swal2-icon.swal2-success [class^='swal2-success-circular-line'][class$='right'] {
        display: none !important;
    }

    .swal2-success-ring {
        border: 4px solid rgba(165, 220, 134, 1) !important;
    }
}