/*
 * Fuentes del tema. Variables de uso: variables.css (--font-body, --font-title, --font-ibm-plex-sans…).
 * Pesos (fonts-sizes.css, Font Weight): .thin … .black. 500 y 600 comparten *-semibold en Serif/Sans.
 * Títulos (.title-*): --font-title → IBM Plex Sans. Serif decorativo: .font-ibm-plex-serif / IBM Plex Serif.
 * IBM Plex Serif y Public Sans: solo eot + ttf en @font-face (sin woff ni woff2 en el servidor).
 */
@font-face {
    font-family: 'IBM Plex Serif';
    src: url('../fonts/ibm-plex-serif/ibm-plex-serif-thin.eot');
    src: url('../fonts/ibm-plex-serif/ibm-plex-serif-thin.eot?#iefix') format('embedded-opentype'),
        url('../fonts/ibm-plex-serif/ibm-plex-serif-thin.ttf') format('truetype');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'IBM Plex Serif';
    src: url('../fonts/ibm-plex-serif/ibm-plex-serif-thinitalic.eot');
    src: url('../fonts/ibm-plex-serif/ibm-plex-serif-thinitalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/ibm-plex-serif/ibm-plex-serif-thinitalic.ttf') format('truetype');
    font-weight: 100;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'IBM Plex Serif';
    src: url('../fonts/ibm-plex-serif/ibm-plex-serif-extralight.eot');
    src: url('../fonts/ibm-plex-serif/ibm-plex-serif-extralight.eot?#iefix') format('embedded-opentype'),
        url('../fonts/ibm-plex-serif/ibm-plex-serif-extralight.ttf') format('truetype');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'IBM Plex Serif';
    src: url('../fonts/ibm-plex-serif/ibm-plex-serif-extralightitalic.eot');
    src: url('../fonts/ibm-plex-serif/ibm-plex-serif-extralightitalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/ibm-plex-serif/ibm-plex-serif-extralightitalic.ttf') format('truetype');
    font-weight: 200;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'IBM Plex Serif';
    src: url('../fonts/ibm-plex-serif/ibm-plex-serif-light.eot');
    src: url('../fonts/ibm-plex-serif/ibm-plex-serif-light.eot?#iefix') format('embedded-opentype'),
        url('../fonts/ibm-plex-serif/ibm-plex-serif-light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'IBM Plex Serif';
    src: url('../fonts/ibm-plex-serif/ibm-plex-serif-lightitalic.eot');
    src: url('../fonts/ibm-plex-serif/ibm-plex-serif-lightitalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/ibm-plex-serif/ibm-plex-serif-lightitalic.ttf') format('truetype');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'IBM Plex Serif';
    src: url('../fonts/ibm-plex-serif/ibm-plex-serif-regular.eot');
    src: url('../fonts/ibm-plex-serif/ibm-plex-serif-regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/ibm-plex-serif/ibm-plex-serif-regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'IBM Plex Serif';
    src: url('../fonts/ibm-plex-serif/ibm-plex-serif-italic.eot');
    src: url('../fonts/ibm-plex-serif/ibm-plex-serif-italic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/ibm-plex-serif/ibm-plex-serif-italic.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

/* IBM Plex Serif — Semibold: 500 y 600 (mismo archivo *-semibold; 600 por compatibilidad). */
@font-face {
    font-family: 'IBM Plex Serif';
    src: url('../fonts/ibm-plex-serif/ibm-plex-serif-semibold.eot');
    src: url('../fonts/ibm-plex-serif/ibm-plex-serif-semibold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/ibm-plex-serif/ibm-plex-serif-semibold.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'IBM Plex Serif';
    src: url('../fonts/ibm-plex-serif/ibm-plex-serif-semibolditalic.eot');
    src: url('../fonts/ibm-plex-serif/ibm-plex-serif-semibolditalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/ibm-plex-serif/ibm-plex-serif-semibolditalic.ttf') format('truetype');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'IBM Plex Serif';
    src: url('../fonts/ibm-plex-serif/ibm-plex-serif-semibold.eot');
    src: url('../fonts/ibm-plex-serif/ibm-plex-serif-semibold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/ibm-plex-serif/ibm-plex-serif-semibold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'IBM Plex Serif';
    src: url('../fonts/ibm-plex-serif/ibm-plex-serif-semibolditalic.eot');
    src: url('../fonts/ibm-plex-serif/ibm-plex-serif-semibolditalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/ibm-plex-serif/ibm-plex-serif-semibolditalic.ttf') format('truetype');
    font-weight: 600;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'IBM Plex Serif';
    src: url('../fonts/ibm-plex-serif/ibm-plex-serif-bold.eot');
    src: url('../fonts/ibm-plex-serif/ibm-plex-serif-bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/ibm-plex-serif/ibm-plex-serif-bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'IBM Plex Serif';
    src: url('../fonts/ibm-plex-serif/ibm-plex-serif-bolditalic.eot');
    src: url('../fonts/ibm-plex-serif/ibm-plex-serif-bolditalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/ibm-plex-serif/ibm-plex-serif-bolditalic.ttf') format('truetype');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

/*
 * IBM Plex Sans — ancho normal, Condensed y SemiCondensed (solo .ttf).
 * Misma lógica que IBM Plex Serif: 500 y 600 comparten *-semibold / *-semibolditalic.
 */

/* IBM Plex Sans */
@font-face {
    font-family: 'IBM Plex Sans';
    src: url('../fonts/ibm-plex-sans/ibm-plex-sans-thin.ttf') format('truetype');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'IBM Plex Sans';
    src: url('../fonts/ibm-plex-sans/ibm-plex-sans-thinitalic.ttf') format('truetype');
    font-weight: 100;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'IBM Plex Sans';
    src: url('../fonts/ibm-plex-sans/ibm-plex-sans-extralight.ttf') format('truetype');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'IBM Plex Sans';
    src: url('../fonts/ibm-plex-sans/ibm-plex-sans-extralightitalic.ttf') format('truetype');
    font-weight: 200;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'IBM Plex Sans';
    src: url('../fonts/ibm-plex-sans/ibm-plex-sans-light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'IBM Plex Sans';
    src: url('../fonts/ibm-plex-sans/ibm-plex-sans-lightitalic.ttf') format('truetype');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'IBM Plex Sans';
    src: url('../fonts/ibm-plex-sans/ibm-plex-sans-regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'IBM Plex Sans';
    src: url('../fonts/ibm-plex-sans/ibm-plex-sans-italic.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'IBM Plex Sans';
    src: url('../fonts/ibm-plex-sans/ibm-plex-sans-semibold.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'IBM Plex Sans';
    src: url('../fonts/ibm-plex-sans/ibm-plex-sans-semibolditalic.ttf') format('truetype');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'IBM Plex Sans';
    src: url('../fonts/ibm-plex-sans/ibm-plex-sans-semibold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'IBM Plex Sans';
    src: url('../fonts/ibm-plex-sans/ibm-plex-sans-semibolditalic.ttf') format('truetype');
    font-weight: 600;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'IBM Plex Sans';
    src: url('../fonts/ibm-plex-sans/ibm-plex-sans-bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'IBM Plex Sans';
    src: url('../fonts/ibm-plex-sans/ibm-plex-sans-bolditalic.ttf') format('truetype');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

/* IBM Plex Sans Condensed */
@font-face {
    font-family: 'IBM Plex Sans Condensed';
    src: url('../fonts/ibm-plex-sans/ibm-plex-sans-condensed-thin.ttf') format('truetype');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'IBM Plex Sans Condensed';
    src: url('../fonts/ibm-plex-sans/ibm-plex-sans-condensed-thinitalic.ttf') format('truetype');
    font-weight: 100;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'IBM Plex Sans Condensed';
    src: url('../fonts/ibm-plex-sans/ibm-plex-sans-condensed-extralight.ttf') format('truetype');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'IBM Plex Sans Condensed';
    src: url('../fonts/ibm-plex-sans/ibm-plex-sans-condensed-extralightitalic.ttf') format('truetype');
    font-weight: 200;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'IBM Plex Sans Condensed';
    src: url('../fonts/ibm-plex-sans/ibm-plex-sans-condensed-light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'IBM Plex Sans Condensed';
    src: url('../fonts/ibm-plex-sans/ibm-plex-sans-condensed-lightitalic.ttf') format('truetype');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'IBM Plex Sans Condensed';
    src: url('../fonts/ibm-plex-sans/ibm-plex-sans-condensed-regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'IBM Plex Sans Condensed';
    src: url('../fonts/ibm-plex-sans/ibm-plex-sans-condensed-italic.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'IBM Plex Sans Condensed';
    src: url('../fonts/ibm-plex-sans/ibm-plex-sans-condensed-semibold.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'IBM Plex Sans Condensed';
    src: url('../fonts/ibm-plex-sans/ibm-plex-sans-condensed-semibolditalic.ttf') format('truetype');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'IBM Plex Sans Condensed';
    src: url('../fonts/ibm-plex-sans/ibm-plex-sans-condensed-semibold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'IBM Plex Sans Condensed';
    src: url('../fonts/ibm-plex-sans/ibm-plex-sans-condensed-semibolditalic.ttf') format('truetype');
    font-weight: 600;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'IBM Plex Sans Condensed';
    src: url('../fonts/ibm-plex-sans/ibm-plex-sans-condensed-bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'IBM Plex Sans Condensed';
    src: url('../fonts/ibm-plex-sans/ibm-plex-sans-condensed-bolditalic.ttf') format('truetype');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

/* IBM Plex Sans SemiCondensed */
@font-face {
    font-family: 'IBM Plex Sans SemiCondensed';
    src: url('../fonts/ibm-plex-sans/ibm-plex-sans-semicondensed-thin.ttf') format('truetype');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'IBM Plex Sans SemiCondensed';
    src: url('../fonts/ibm-plex-sans/ibm-plex-sans-semicondensed-thinitalic.ttf') format('truetype');
    font-weight: 100;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'IBM Plex Sans SemiCondensed';
    src: url('../fonts/ibm-plex-sans/ibm-plex-sans-semicondensed-extralight.ttf') format('truetype');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'IBM Plex Sans SemiCondensed';
    src: url('../fonts/ibm-plex-sans/ibm-plex-sans-semicondensed-extralightitalic.ttf') format('truetype');
    font-weight: 200;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'IBM Plex Sans SemiCondensed';
    src: url('../fonts/ibm-plex-sans/ibm-plex-sans-semicondensed-light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'IBM Plex Sans SemiCondensed';
    src: url('../fonts/ibm-plex-sans/ibm-plex-sans-semicondensed-lightitalic.ttf') format('truetype');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'IBM Plex Sans SemiCondensed';
    src: url('../fonts/ibm-plex-sans/ibm-plex-sans-semicondensed-regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'IBM Plex Sans SemiCondensed';
    src: url('../fonts/ibm-plex-sans/ibm-plex-sans-semicondensed-italic.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'IBM Plex Sans SemiCondensed';
    src: url('../fonts/ibm-plex-sans/ibm-plex-sans-semicondensed-semibold.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'IBM Plex Sans SemiCondensed';
    src: url('../fonts/ibm-plex-sans/ibm-plex-sans-semicondensed-semibolditalic.ttf') format('truetype');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'IBM Plex Sans SemiCondensed';
    src: url('../fonts/ibm-plex-sans/ibm-plex-sans-semicondensed-semibold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'IBM Plex Sans SemiCondensed';
    src: url('../fonts/ibm-plex-sans/ibm-plex-sans-semicondensed-semibolditalic.ttf') format('truetype');
    font-weight: 600;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'IBM Plex Sans SemiCondensed';
    src: url('../fonts/ibm-plex-sans/ibm-plex-sans-semicondensed-bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'IBM Plex Sans SemiCondensed';
    src: url('../fonts/ibm-plex-sans/ibm-plex-sans-semicondensed-bolditalic.ttf') format('truetype');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}


/* Public Sans — Semibold: 500 y 600 (mismo archivo *-semibold). */
@font-face {
    font-family: 'Public Sans';
    src: url('../fonts/public-sans/public-sans-thin.eot');
    src: url('../fonts/public-sans/public-sans-thin.eot?#iefix') format('embedded-opentype'),
        url('../fonts/public-sans/public-sans-thin.ttf') format('truetype');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Public Sans';
    src: url('../fonts/public-sans/public-sans-thinitalic.eot');
    src: url('../fonts/public-sans/public-sans-thinitalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/public-sans/public-sans-thinitalic.ttf') format('truetype');
    font-weight: 100;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Public Sans';
    src: url('../fonts/public-sans/public-sans-extralight.eot');
    src: url('../fonts/public-sans/public-sans-extralight.eot?#iefix') format('embedded-opentype'),
        url('../fonts/public-sans/public-sans-extralight.ttf') format('truetype');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Public Sans';
    src: url('../fonts/public-sans/public-sans-extralightitalic.eot');
    src: url('../fonts/public-sans/public-sans-extralightitalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/public-sans/public-sans-extralightitalic.ttf') format('truetype');
    font-weight: 200;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Public Sans';
    src: url('../fonts/public-sans/public-sans-light.eot');
    src: url('../fonts/public-sans/public-sans-light.eot?#iefix') format('embedded-opentype'),
        url('../fonts/public-sans/public-sans-light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Public Sans';
    src: url('../fonts/public-sans/public-sans-lightitalic.eot');
    src: url('../fonts/public-sans/public-sans-lightitalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/public-sans/public-sans-lightitalic.ttf') format('truetype');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Public Sans';
    src: url('../fonts/public-sans/public-sans-regular.eot');
    src: url('../fonts/public-sans/public-sans-regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/public-sans/public-sans-regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Public Sans';
    src: url('../fonts/public-sans/public-sans-italic.eot');
    src: url('../fonts/public-sans/public-sans-italic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/public-sans/public-sans-italic.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Public Sans';
    src: url('../fonts/public-sans/public-sans-semibold.eot');
    src: url('../fonts/public-sans/public-sans-semibold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/public-sans/public-sans-semibold.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Public Sans';
    src: url('../fonts/public-sans/public-sans-semibolditalic.eot');
    src: url('../fonts/public-sans/public-sans-semibolditalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/public-sans/public-sans-semibolditalic.ttf') format('truetype');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Public Sans';
    src: url('../fonts/public-sans/public-sans-semibold.eot');
    src: url('../fonts/public-sans/public-sans-semibold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/public-sans/public-sans-semibold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Public Sans';
    src: url('../fonts/public-sans/public-sans-semibolditalic.eot');
    src: url('../fonts/public-sans/public-sans-semibolditalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/public-sans/public-sans-semibolditalic.ttf') format('truetype');
    font-weight: 600;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Public Sans';
    src: url('../fonts/public-sans/public-sans-bold.eot');
    src: url('../fonts/public-sans/public-sans-bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/public-sans/public-sans-bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Public Sans';
    src: url('../fonts/public-sans/public-sans-bolditalic.eot');
    src: url('../fonts/public-sans/public-sans-bolditalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/public-sans/public-sans-bolditalic.ttf') format('truetype');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Public Sans';
    src: url('../fonts/public-sans/public-sans-extrabold.eot');
    src: url('../fonts/public-sans/public-sans-extrabold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/public-sans/public-sans-extrabold.ttf') format('truetype');
    font-weight: 800;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Public Sans';
    src: url('../fonts/public-sans/public-sans-extrabolditalic.eot');
    src: url('../fonts/public-sans/public-sans-extrabolditalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/public-sans/public-sans-extrabolditalic.ttf') format('truetype');
    font-weight: 800;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Public Sans';
    src: url('../fonts/public-sans/public-sans-black.eot');
    src: url('../fonts/public-sans/public-sans-black.eot?#iefix') format('embedded-opentype'),
        url('../fonts/public-sans/public-sans-black.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Public Sans';
    src: url('../fonts/public-sans/public-sans-blackitalic.eot');
    src: url('../fonts/public-sans/public-sans-blackitalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/public-sans/public-sans-blackitalic.ttf') format('truetype');
    font-weight: 900;
    font-style: italic;
    font-display: swap;
}

/*--------------------------------------------------------------
# Utilidades de fuente
--------------------------------------------------------------*/

.font-ibm-plex-serif {
    font-family: var(--font-serif);
}

.font-ibm-plex-sans {
    font-family: var(--font-ibm-plex-sans);
}

.font-ibm-plex-sans-condensed {
    font-family: var(--font-ibm-plex-sans-condensed);
}

.font-ibm-plex-sans-semicondensed {
    font-family: var(--font-ibm-plex-sans-semicondensed);
}

.font-public-sans {
    font-family: var(--font-body);
}