.colored-toast.swal2-icon-success {
    background-color: #a5dc86 !important;
}

.colored-toast.swal2-icon-error {
    background-color: #f27474 !important;
}

.colored-toast.swal2-icon-warning {
    background-color: #f8bb86 !important;
}

.colored-toast.swal2-icon-info {
    background-color: #3fc3ee !important;
}

.colored-toast.swal2-icon-question {
    background-color: #87adbd !important;
}

.colored-toast .swal2-title {
    color: white;
}

.colored-toast .swal2-close {
    color: white;
}

.colored-toast .swal2-html-container {
    color: white;
}

.swal2-timer-progress-bar{
    height:8px;
    /*background-color:orange;*/
}
.swal2-container {
    z-index: 60000 !important;
}


/*Personalización de Izi Toast*/
/* colored-toast: estilos base para iziToast */
/* BASE -------------------------------------------------------- */
.iziToast.swal-toast {
    color: #ffffff;
    border-radius: 8px;
    box-shadow: 0 6px 22px rgba(24, 40, 72, 0.45);
    padding: 12px 16px;
    border: 0;
    max-width: 600px !important;
    overflow: hidden;
}

    /* TEXTOS ----------------------------------------------------- */
    .iziToast.swal-toast .iziToast-title,
    .iziToast.swal-toast .iziToast-message {
        color: #ffffff !important;
    }

/* ICONO: respetar el posicionamiento absoluto nativo de iziToast */
.iziToast.swal-toast .iziToast-body {
    padding-left: 58px !important; /* más espacio para separar icono del texto */
}

.iziToast.swal-toast .iziToast-icon {
    display: block !important;
    position: absolute !important;
    left: 12px !important; /* separación del borde izquierdo */
    top: 50% !important;
    transform: translateY(-50%) !important; /* centrado vertical real */
    width: 32px !important;
    height: 32px !important;
    min-width: 32px !important;
    background-color: transparent !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: 28px 28px !important;
    box-shadow: none !important;
    margin: 0 !important;
}

        /* Ocultar icono nativo de iziToast */
        .iziToast.swal-toast .iziToast-icon i,
        .iziToast.swal-toast .iziToast-icon::before,
        .iziToast.swal-toast .iziToast-icon::after {
            display: none !important;
        }

    /* BOTÓN CIERRE ---------------------------------------------- */
    .iziToast.swal-toast .iziToast-close {
        color: rgba(255, 255, 255, 0.95) !important;
        opacity: 0.95 !important;
    }

    /* BARRA DE PROGRESO ----------------------------------------- */
    .iziToast.swal-toast .iziToast-progressbar > div {
        background: rgba(255, 255, 255, 0.92) !important;
        height: 4px !important;
    }

    /* Neutralizar iziToast-theme-light */
    .iziToast.swal-toast.iziToast-theme-light {
        background: unset !important;
        color: #ffffff !important;
    }

        .iziToast.swal-toast.iziToast-theme-light .iziToast-title,
        .iziToast.swal-toast.iziToast-theme-light .iziToast-message {
            color: #ffffff !important;
        }

    /* ============================================================
   VARIANTES: fondo degradado + icono SVG blanco
   ============================================================ */

    /* SUCCESS ---------------------------------------------------- */
    .iziToast.swal-toast.iziToast-color-success {
        background: linear-gradient(90deg, #38c172, #2d995b) !important;
    }

        .iziToast.swal-toast.iziToast-color-success .iziToast-icon {
            background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Ccircle cx='32' cy='32' r='29' fill='none' stroke='%23ffffff' stroke-width='4'/%3E%3Cpath fill='none' stroke='%23ffffff' stroke-width='4.5' stroke-linecap='round' stroke-linejoin='round' d='M19 33l10 10 17-18'/%3E%3C/svg%3E") !important;
        }

    /* ERROR ------------------------------------------------------ */
    .iziToast.swal-toast.iziToast-color-error {
        background: linear-gradient(90deg, #e74c3c, #c0392b) !important;
    }

        .iziToast.swal-toast.iziToast-color-error .iziToast-icon {
            background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Ccircle cx='32' cy='32' r='29' fill='none' stroke='%23ffffff' stroke-width='4'/%3E%3Cpath fill='none' stroke='%23ffffff' stroke-width='4.5' stroke-linecap='round' d='M22 22l20 20M42 22L22 42'/%3E%3C/svg%3E") !important;
        }

    /* WARNING ---------------------------------------------------- */
    .iziToast.swal-toast.iziToast-color-warning {
        background: linear-gradient(90deg, #f6c343, #f39c12) !important;
    }

        .iziToast.swal-toast.iziToast-color-warning .iziToast-icon {
            background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Ccircle cx='32' cy='32' r='29' fill='none' stroke='%23ffffff' stroke-width='4'/%3E%3Cline x1='32' y1='19' x2='32' y2='38' stroke='%23ffffff' stroke-width='4.5' stroke-linecap='round'/%3E%3Ccircle cx='32' cy='47' r='3' fill='%23ffffff'/%3E%3C/svg%3E") !important;
        }

    /* INFO ------------------------------------------------------- */
    .iziToast.swal-toast.iziToast-color-info {
        background: linear-gradient(90deg, #1d9bf0, #1070c9) !important;
    }

        .iziToast.swal-toast.iziToast-color-info .iziToast-icon {
            background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Ccircle cx='32' cy='32' r='29' fill='none' stroke='%23ffffff' stroke-width='4'/%3E%3Ccircle cx='32' cy='19' r='3' fill='%23ffffff'/%3E%3Cline x1='32' y1='28' x2='32' y2='47' stroke='%23ffffff' stroke-width='4.5' stroke-linecap='round'/%3E%3C/svg%3E") !important;
        }


/* Espacio para el botón de cierre */
.iziToast.swal-toast-closable {
    padding-right: 42px !important;
}

.iziToast.swal-toast .iziToast-close {
    position: absolute !important;
    top: 50% !important;
    right: 10px !important;
    transform: translateY(-50%) !important;
    width: 24px !important;
    height: 24px !important;
    background-color: transparent !important;
    border-radius: 50% !important;
    opacity: 1 !important;
    padding: 0 !important;
    filter: brightness(0) invert(1) !important; /* convierte el icono nativo a blanco */
}

.iziToast.swal-toast .iziToast-close:hover {
    background-color: rgba(255, 255, 255, 0.20) !important;
    filter: brightness(0) invert(1) !important;
}


/* Título */
.iziToast > .iziToast-body .iziToast-title {
    font-family: Arial, sans-serif;
    font-size: 15px;
    font-weight: 700;
    color: #1a1a1a;
}

/* Mensaje */
.iziToast > .iziToast-body .iziToast-message {
    font-family: Arial, sans-serif;
    font-size: 13px;
    font-weight: 400;
    font-weight: 700; /*negrita*/
    color: #444;
}


/* ============================================================
   RESPONSIVE
   ============================================================ */
@media (max-width: 600px) {
    .iziToast.swal-toast {
        max-width: 95% !important;
        left: 2.5% !important;
        right: 2.5% !important;
    }

        .iziToast.swal-toast .iziToast-message {
            font-size: 14px;
        }
}