/* Optimización de Fuentes para Masico Financiero */

/* Preload de fuentes críticas */
@font-face {
    font-family: 'Karla';
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: local('Karla Light'), local('Karla-Light');
}

@font-face {
    font-family: 'Karla';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: local('Karla Regular'), local('Karla-Regular');
}

@font-face {
    font-family: 'Karla';
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: local('Karla SemiBold'), local('Karla-SemiBold');
}

@font-face {
    font-family: 'Karla';
    font-style: italic;
    font-weight: 300;
    font-display: swap;
    src: local('Karla Light Italic'), local('Karla-LightItalic');
}

/* Fallback fonts para mejor rendimiento */
body, html {
    font-family: 'Karla', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif;
    font-display: swap;
}

/* Optimización específica para Bootstrap Icons */
.bi, [class^="bi-"], [class*=" bi-"] {
    font-family: "bootstrap-icons" !important;
    font-display: swap;
    font-style: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* Preload de iconos críticos */
.bi-bank::before,
.bi-building::before,
.bi-telephone::before,
.bi-envelope::before {
    font-display: swap;
}

/* Optimización para elementos específicos */
.navbar-brand,
.hero-text h1,
.custom-btn {
    font-display: swap;
}

/* Mejora de rendimiento en carga lenta */
@media (prefers-reduced-data: reduce) {
    body {
        font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    }
}

/* Optimización para conexiones lentas */
@media (max-width: 768px) {
    body {
        font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    }
}