.alert {
    transition: opacity 0.15s linear, transform 0.15s ease-out;
    transform-origin: top;
}

.alert:not(.show) {
    transform: scaleY(0.8);
}

.alert.show {
    transform: scaleY(1);
}




/* Estilos para íconos en alertas que se adapten al modo oscuro */
.alert svg {
    color: inherit !important;
    fill: currentColor !important;
}

/* Específicamente para alertas de éxito */
.alert-success svg {
    color: var(--bs-success-text) !important;
}

/* Específicamente para alertas de advertencia */
.alert-warning svg {
    color: var(--bs-warning-text) !important;
}

/* Modo oscuro específico */
[data-bs-theme="dark"] .alert-success svg {
    color: #75b798 !important; /* Verde más claro para modo oscuro */
}

[data-bs-theme="dark"] .alert-warning svg {
    color: #ffda6a !important; /* Amarillo más claro para modo oscuro */
}