/* == GILROY FONT-FACE DECLARATIONS == */
@font-face {
    font-family: 'Gilroy';
    src: url('/assets/plugins/global/fonts/Gilroy-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Gilroy';
    src: url('/assets/plugins/global/fonts/Gilroy-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Gilroy';
    src: url('/assets/plugins/global/fonts/Gilroy-SemiBold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'Gilroy';
    src: url('/assets/plugins/global/fonts/Gilroy-Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: 'Gilroy';
    src: url('/assets/fonts/Gilroy-ExtraBold.ttf') format('truetype');
    font-weight: 800;
    font-style: normal;
}

/* == GILROY CLASSES == */
.gilroyLight {
    font-family: 'Gilroy', sans-serif;
    font-weight: 300;
}

.gilroyRegular {
    font-family: 'Gilroy', sans-serif;
    font-weight: 400;
}

.gilroySemiBold {
    font-family: 'Gilroy', sans-serif;
    font-weight: 600;
}

.gilroyBold {
    font-family: 'Gilroy', sans-serif;
    font-weight: 700;
}

.gilroyExtraBold {
    font-family: 'Gilroy', sans-serif;
    font-weight: 800;
}

/* Oculta scrollbars dentro de un contenedor específico */
.scroll-hidden {
    scrollbar-width: none;
    /* Firefox */
    -ms-overflow-style: none;
    /* IE 10+ */
    overscroll-behavior: none;
}

.scroll-hidden::-webkit-scrollbar {
    width: 0;
    background: transparent;
}

html, body, #kt_app_root {
    overflow: auto;
    /* ✅ Permite scroll */
    height: 100vh;
    scrollbar-width: none;
    /* Firefox */
    -ms-overflow-style: none;
    /* IE */
}

/* Oculta la barra en WebKit (Chrome, Android WebView) */
html::-webkit-scrollbar,
body::-webkit-scrollbar,
#kt_app_root::-webkit-scrollbar {
    width: 0;
    height: 0;
    background: transparent;
}
.text-justify {
    text-align: justify;
}