/* Este CSS debe ir en tu archivo CSS principal (ej. style.css)
   o en un archivo CSS nuevo, asegurándote de que se cargue DESPUÉS de sweetalert2.min.css */

/* --- Colores para los iconos de SweetAlert2 --- */

/* Icono de Éxito (la palomita verde) */
/* El círculo exterior */
.swal2-success-circular-line-left,
.swal2-success-circular-line-right,
.swal2-success-fix {
    background-color: transparent !important; /* Mantiene el fondo transparente si el popup tiene un color */
}

/* Las líneas de la palomita */
.swal2-success-line-tip,
.swal2-success-line-long {
    background-color: #5cb85c !important; /* Color de éxito de Bootstrap (btn-success) */
}

/* El borde del icono de éxito (el círculo) */
.swal2-icon.swal2-success {
    border-color: #5cb85c !important; /* Color de éxito de Bootstrap */
}


/* Icono de Error (la 'X' roja) */
/* Las líneas de la 'X' */
.swal2-error-line-left,
.swal2-error-line-right {
    background-color: #d9534f !important; /* Color de peligro/error de Bootstrap (btn-danger) */
}

/* El borde del icono de error (el círculo) */
.swal2-icon.swal2-error {
    border-color: #d9534f !important; /* Color de peligro/error de Bootstrap */
}

/* --- Estilos para los botones de SweetAlert2 --- */

/* Deshabilita los estilos por defecto de los botones de SweetAlert2
   para que puedan heredar las clases de Bootstrap sin conflictos */
.swal2-confirm,
.swal2-cancel {
    box-shadow: none !important; /* Elimina la sombra por defecto de SA2 */
    /* Puedes añadir más overrides si SweetAlert2 pone padding o margen que no quieres */
}

/* Asegúrate de que los botones tengan el margen correcto entre ellos si aparecen múltiples */
.swal2-actions {
    margin-top: 20px !important; /* Margen para separar los botones del texto */
}

.swal2-confirm + .swal2-cancel,
.swal2-cancel + .swal2-confirm {
    margin-left: 8px !important; /* Espacio estándar de Bootstrap entre botones */
}