/* =========================================
   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: #ffffff !important;
    font-family: system-ui, -apple-system, sans-serif !important;

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

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

/* Animación: Los navegadores ignoran/se buguean con !important dentro de keyframes */
@keyframes swalModernEntrance {
    0% {
        opacity: 0;
        transform: scale(0.8) translateY(20px);
    }
    100% {
        opacity: 1;
        transform: scale(1) translateY(0);
    }
}

/* Título */
.swal2-title {
    color: #1f2937 !important;
    font-weight: 700 !important;
    font-size: 2.5rem !important;
}

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

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

/* Estilo general para los botones
 .swal2-confirm,
.swal2-cancel {
    border: none !important;
    border-radius: 8px !important;
    padding: 10px 24px !important;
    font-weight: 600 !important;
    font-size: 1.5rem !important;
    transition: all 0.2s ease-in-out;
    cursor: pointer !important;
}

.swal2-confirm {
    background-color: #4f46e5 !important;
    color: #ffffff !important;
    box-shadow: 0 4px 14px 0 rgba(79, 70, 229, 0.39) !important;
}

.swal2-confirm:hover {
    background-color: #4338ca !important;
    transform: translateY(-2px);
    box-shadow: 0 6px 20px 0 rgba(79, 70, 229, 0.5) !important;
}

.swal2-cancel {
    background-color: #f3f4f6 !important;
    color: #374151 !important;
    box-shadow: none !important;
}

.swal2-cancel:hover {
    background-color: #e5e7eb !important;
    transform: translateY(-2px);
}


 */

/* 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; /* Sin important */
}

.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;
    }
}