@font-face {
    font-family: 'Barlow Condensed';
    src: url('/assets/fonts/Barlow_Condensed/BarlowCondensed-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Barlow Condensed';
    src: url('/assets/fonts/Barlow_Condensed/BarlowCondensed-Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Barlow Condensed';
    src: url('/assets/fonts/Barlow_Condensed/BarlowCondensed-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

/* Si tienes las versiones itálicas */
@font-face {
    font-family: 'Barlow Condensed';
    src: url('/assets/fonts/Barlow_Condensed/BarlowCondensed-Italic.ttf') format('truetype');
    font-weight: 400;
    font-style: italic;
    font-display: swap;
}


.app-sidebar-primary, .app-sidebar {
    --kt-app-sidebar-primary-base-bg-color: var(--kt-app-sidebar-bg-color); /* Blue */
    --kt-app-sidebar-primary-base-bg-color-mobile: var(--kt-app-sidebar-bg-color); /* Blue */
    --kt-app-sidebar-base-bg-color-mobile: var(--kt-app-sidebar-bg-color); /* Blue */
}
.app-sidebar-primary .app-sidebar-menu .menu>.menu-item>.menu-link .menu-icon i {
    color: var(--kt-text-muted); /* Darker Shade of Blue */
}

.text-primary-dark {
    --kt-text-primary: #001649; /* Darker Shade of Blue */
    --kt-text-primary-inverse: #FFFFFF; /* White */
}


.btn-white{
    --kt-white: #FFFFFF; /* White */
}

.font-alternative{
    font-family: 'Barlow Condensed', sans-serif;
}



.app-header {
    --kt-app-header-base-bg-color-mobile: var(--kt-app-sidebar-bg-color); /* Blue */
}
hr.hr-text::before{
    --kt-primary: #00bee7; /* Bright Blue */
}

.btn.btn-success {
    --kt-success: #28A745; /* Green */
    --kt-success-active: #218838; /* Darker Green */
}
.btn.btn-primary {
    color: whitesmoke;
    --kt-primary-active: #001649; /* Darker Bright Blue */
}
.btn.btn-secondary {
    --kt-secondary: #686868; /* Gray */
    --kt-secondary-inverse:  #FFFFFF; /* White */
    --kt-secondary-active: #545B62; /* Darker Gray */
}
.btn.btn-warning {
    --kt-warning: #FFC107; /* Yellow */
    --kt-warning-active: #E0A800; /* Darker Yellow */
}
.btn.btn-danger {
    --kt-danger: #DC3545; /* Red */
    --kt-danger-active: #BD2130; /* Darker Red */
}

.btn.btn-blue{
    --bs-btn-bg: #4267B2; /* Bright Blue */
}



.btn-blue{
    --kt-primary: #00bee7; /* Bright Blue */
    --kt-primary-active: #00bee7; /* Darker Bright Blue */
}

.bg-login{
    --kt-app-blank-bg-color: #EFEFEF; /* Light Gray */
}

body, html, .app {
    font-family: 'Barlow Condensed', sans-serif;

}



body, .form-control {
    font-size: 1.2rem !important;

}

.btn-sm{
    font-size:1.1rem;
}



@media (max-width: 991.98px) {
    body,html {
        font-size:0.9rem!important
    }
}

@media (max-width: 767.98px) {
    body,html {
        font-size:0.9rem!important
    }
}




i.bi{
    --kt-text-primary: #00bee7; /* Bright Blue */
}

a{
    --bs-link-color: #00bee7; /* Bright Blue */
}

a:hover{
    color: #001649; !important;
    /* Bright Blue */
}

a.text-primary-dark{
    --bs-link-color: #293462; /* Darker Shade of Blue */
}

.text-green{
    color: #3ffb43; /* Green */
}

.text-purple{
    color: #f930df; /* Green */
}