.validation-message {
    color: red;
}

:root, [data-bs-theme=light] {
    --bs-light: #F9F9F9;
    --bs-primary: #AC1EA6;
    --bs-secondary: #F1F1F4;
    --bs-success: #17C653;
    --bs-info: #7239EA;
    --bs-warning: #F6C000;
    --bs-danger: #F8285A;
    --bs-dark: #1E2129;
    --bs-success-light: #8b3dff6e;
    --bs-success: #AC1EA6;
    --bs-text-success: #AC1EA6;
}

[data-bs-theme=light] {
    --bs-primary: #AC1EA6;
    --bs-primary-active: #8E188A; /* Más oscuro que #AC1EA6 */
    --bs-primary-light: #E6CCF2; /* Más claro que #AC1EA6 */
    --bs-primary-clarity: rgba(139, 61, 255, 0.2);
    --bs-primary-rgb: 139,61,255;
    --bs-component-active-bg: #AC1EA6;
    --bs-component-hover-color: #AC1EA6;
    --bs-component-checked-bg: #AC1EA6;
    --bs-scrolltop-bg-color: #AC1EA6;
    --bs-scrolltop-bg-color-hover: #AC1EA6;
    --bs-ribbon-label-bg: #AC1EA6;
    --bs-text-primary: #AC1EA6; /* Texto primario actualizado */
    --bs-menu-link-color-hover: #AC1EA6;
    --bs-menu-link-color-show: #AC1EA6;
    --bs-menu-link-color-here: #AC1EA6;
    --bs-menu-link-color-active: #AC1EA6;
    --bs-app-bg-color: #EEF0F8;
    --bs-border-color: #f1f1f4;
    --bs-border-color-primary: #AC1EA6;
}

body {
    font-family: "Comfortaa", sans-serif;
}

.btn-secondary {
    background-color: white !important;
    color: #AC1EA6 !important;
    border: 1px solid #AC1EA6 !important;
}

@media (max-width: 991.98px) {
    .app-header {
        background-color: var(--bs-app-header-minimize-bg-color);
        border-bottom: 1px solid var(--bs-border-color-primary) !important
    }

        .app-header .page-title {
            display: none !important
        }
}

.fs-6 {
    font-size: 16px;
}

.fs-5 {
    font-size: 18px;
}

.text-muted {
    color: #9AA1B7;
}

.btn-MP {
    color: var(--bs-primary-inverse);
    background-color: #3483fa;
}

.btn.btn-MP:hover:not(.btn-active), .show > .btn.btn-MP {
    color: var(--bs-primary-inverse);
    border-color: #255cb0;
    background-color: #255cb0 !important;
}