/**
 * Estilos específicos para alertas de tipo SUCCESS
 * Usado para confirmaciones y mensajes de éxito
 */

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

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

/* Líneas de éxito animadas */
.swal2-icon.swal2-success [class^=swal2-success-line] {
    background-color: var(--swal-success-color);
}

.swal2-icon.swal2-success .swal2-success-ring {
    border-color: rgba(40, 167, 69, 0.3);
}

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

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

/* Título para éxito */
.swal2-popup:not(.swal2-toast) .swal2-icon-success~.swal2-title {
    color: #155724;
}

/* Contenido para éxito */
.swal2-popup:not(.swal2-toast) .swal2-icon-success~.swal2-content {
    color: #155724;
}

/* Barra de progreso del timer para éxito */
.swal2-popup.swal2-icon-success .swal2-timer-progress-bar {
    background: var(--swal-success-color);
}