/**
 * Estilos específicos para alertas de tipo ERROR
 * Usado para errores y mensajes de fallo
 */

/* Icono de error */
.swal2-icon.swal2-error {
    border-color: var(--swal-error-color);
    color: var(--swal-error-color);
}

.swal2-icon.swal2-error .swal2-icon-content {
    color: var(--swal-error-color);
}

/* Líneas de error */
.swal2-icon.swal2-error [class^=swal2-x-mark-line] {
    background-color: var(--swal-error-color);
}

.swal2-icon.swal2-error .swal2-x-mark {
    border-color: var(--swal-error-color);
}

/* Botón de confirmación para error */
.swal2-popup.swal2-toast.swal2-icon-error .swal2-confirm,
.swal2-popup:not(.swal2-toast) .swal2-icon-error~.swal2-actions .swal2-confirm {
    background-color: var(--swal-error-color);
    border-color: var(--swal-error-color);
    color: #fff;
}

.swal2-popup.swal2-toast.swal2-icon-error .swal2-confirm:hover,
.swal2-popup:not(.swal2-toast) .swal2-icon-error~.swal2-actions .swal2-confirm:hover {
    background-color: #c82333;
    border-color: #c82333;
}

/* Título para error */
.swal2-popup:not(.swal2-toast) .swal2-icon-error~.swal2-title {
    color: #721c24;
}

/* Contenido para error */
.swal2-popup:not(.swal2-toast) .swal2-icon-error~.swal2-content {
    color: #721c24;
}