* {
    /*PALETA FLEXI PAGOS - COLORES REALES*/
    --ak-color-1: #f28908;    /* Naranja Flexi - Secundario */
    --ak-color-2: #023373;    /* Azul Flexi - PRIMARIO */
    --ak-color-3: #f8f4ed;    /* Crema claro Flexi */
    --ak-color-4: #023373;    /* Azul Flexi - Consistencia */
    --ak-color-5: #023373;    /* Azul Flexi - Principal */
    --ak-color-6: #001a33;    /* Azul Flexi - Oscuro */
    --ak-color-ligth: #02337320; /* Azul Flexi - Transparente */
    /*colores app*/
    /*base-style-option-button*/
    --ak-base-style-option-button-color-title: black;
    --ak-navbar-background: #fff;
    --ak-navbar-a: #023373;              /* Azul Flexi */
    --ak-navbar-a-hover: #f28908;        /* Naranja Flexi hover */
    --ak-navbar-btn-b-color: #023373;    /* Azul Flexi */
    --ak-navbar-btn-text-color: #023373; /* Azul Flexi */
    --ak-navbar-btn-b-color-disabled: #001a33; /* Azul oscuro disabled */
    --ak-navbar-btn-text-color-disabled: #f28908; /* Naranja disabled */
    --ak-navbar-btn-b-color-hover: #f28908; /* Naranja hover */
    --ak-navbar-btn-text-color-hove: white;
    --ak-dinamic-color-abatar-bg: white;
    --ak-dinamic-color-abatar-color: #023373; /* Azul Flexi */
    /*colores requirements - Flexi Pagos*/
    --ak-requirements-icon-success: #f28908;  /* Naranja Flexi para éxito */
    --ak-requirements-icon-error: #dc3545;    /* Rojo estándar */
    --ak-requirements-icon-warning: #ffc107;  /* Amarillo estándar */
    --ak-requirements-icon-incomplete: #6c757d; /* Gris neutro */
    --ak-requirements-icon-inconsistent: #023373; /* Azul Flexi */
    /*Progress*/
    --menu-module-box-link: var(--ak-color-5);
    --menu-module-box-border-selected: var(--ak-color-5);
    --graph-bg: #d6dadc;
    --graph-bg-active: var(--ak-color-5);
    --graph-bg-circle-shadow: rgba(0, 0, 0, 0.2);
    --graph-bg-circle-percentage: var(--ak-color-5);
    /*colores app*/
    --ak-color-title-section: #555 !important;
    --text-menu-footer: #fff;
    --ak-text-primary: var(--ak-color-1);
    --ak-a-text-primary: var(--ak-color-5);
    --ak-a-text-primary-hover: var(--ak-text-primary);
}

.ak-text-color-1 {
    color: var(--ak-color-1) !important;
}

.ak-text-color-2 {
    color: var(--ak-color-2);
}

.ak-text-color-3 {
    color: var(--ak-color-3);
}

.ak-text-color-4 {
    color: var(--ak-color-4);
}

.ak-text-color-6 {
    color: var(--ak-color-6);
}

.sidebar .ak-img {
    height: 2rem !important;
    margin-top: 0;
}

.ak-img {
    height: 1.7rem !important;
    margin-top: 10px !important;
}

.background-image-w {
    background-image: url('/assets/public/images/bkg_cierre_ak.svg');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

.bg-primary-ligth {
    background: var(--ak-color-3);
}
/* ESTILOS GLOBALES FLEXI PAGOS - BOTONES */
.btn-primary, 
button.btn-primary,
input[type="submit"].btn-primary {
    background-color: #023373 !important;
    border-color: #023373 !important;
    color: white !important;
}

.btn-primary:hover,
button.btn-primary:hover,
input[type="submit"].btn-primary:hover {
    background-color: #f28908 !important;
    border-color: #f28908 !important;
    color: white !important;
}

.btn-primary:focus, 
.btn-primary:active,
.btn-primary.active {
    background-color: #023373 !important;
    border-color: #023373 !important;
    box-shadow: 0 0 0 0.2rem rgba(2, 51, 115, 0.25) !important;
}