/* static/css/fonts.css */

/* ===== INTER 18pt ===== */
@font-face {
    font-family: 'Inter 18pt';
    src: url('../fonts/inter/inter-18pt/Inter18pt-Thin.woff2') format('woff2'),
        url('../fonts/inter/inter-18pt/Inter18pt-Thin.woff') format('woff');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Inter 18pt';
    src: url('../fonts/inter/inter-18pt/Inter18pt-ThinItalic.woff2') format('woff2'),
        url('../fonts/inter/inter-18pt/Inter18pt-ThinItalic.woff') format('woff');
    font-weight: 100;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Inter 18pt';
    src: url('../fonts/inter/inter-18pt/Inter18pt-ExtraLight.woff2') format('woff2'),
        url('../fonts/inter/inter-18pt/Inter18pt-ExtraLight.woff') format('woff');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Inter 18pt';
    src: url('../fonts/inter/inter-18pt/Inter18pt-ExtraLightItalic.woff2') format('woff2'),
        url('../fonts/inter/inter-18pt/Inter18pt-ExtraLightItalic.woff') format('woff');
    font-weight: 200;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Inter 18pt';
    src: url('../fonts/inter/inter-18pt/Inter18pt-Light.woff2') format('woff2'),
        url('../fonts/inter/inter-18pt/Inter18pt-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Inter 18pt';
    src: url('../fonts/inter/inter-18pt/Inter18pt-LightItalic.woff2') format('woff2'),
        url('../fonts/inter/inter-18pt/Inter18pt-LightItalic.woff') format('woff');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Inter 18pt';
    src: url('../fonts/inter/inter-18pt/Inter18pt-Regular.woff2') format('woff2'),
        url('../fonts/inter/inter-18pt/Inter18pt-Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Inter 18pt';
    src: url('../fonts/inter/inter-18pt/Inter18pt-Italic.woff2') format('woff2'),
        url('../fonts/inter/inter-18pt/Inter18pt-Italic.woff') format('woff');
    font-weight: 400;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Inter 18pt';
    src: url('../fonts/inter/inter-18pt/Inter18pt-Medium.woff2') format('woff2'),
        url('../fonts/inter/inter-18pt/Inter18pt-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Inter 18pt';
    src: url('../fonts/inter/inter-18pt/Inter18pt-MediumItalic.woff2') format('woff2'),
        url('../fonts/inter/inter-18pt/Inter18pt-MediumItalic.woff') format('woff');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Inter 18pt';
    src: url('../fonts/inter/inter-18pt/Inter18pt-SemiBold.woff2') format('woff2'),
        url('../fonts/inter/inter-18pt/Inter18pt-SemiBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Inter 18pt';
    src: url('../fonts/inter/inter-18pt/Inter18pt-SemiBoldItalic.woff2') format('woff2'),
        url('../fonts/inter/inter-18pt/Inter18pt-SemiBoldItalic.woff') format('woff');
    font-weight: 600;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Inter 18pt';
    src: url('../fonts/inter/inter-18pt/Inter18pt-Bold.woff2') format('woff2'),
        url('../fonts/inter/inter-18pt/Inter18pt-Bold.woff') format('woff');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Inter 18pt';
    src: url('../fonts/inter/inter-18pt/Inter18pt-BoldItalic.woff2') format('woff2'),
        url('../fonts/inter/inter-18pt/Inter18pt-BoldItalic.woff') format('woff');
    font-weight: 700;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Inter 18pt';
    src: url('../fonts/inter/inter-18pt/Inter18pt-ExtraBold.woff2') format('woff2'),
        url('../fonts/inter/inter-18pt/Inter18pt-ExtraBold.woff') format('woff');
    font-weight: 800;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Inter 18pt';
    src: url('../fonts/inter/inter-18pt/Inter18pt-ExtraBoldItalic.woff2') format('woff2'),
        url('../fonts/inter/inter-18pt/Inter18pt-ExtraBoldItalic.woff') format('woff');
    font-weight: 800;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Inter 18pt';
    src: url('../fonts/inter/inter-18pt/Inter18pt-Black.woff2') format('woff2'),
        url('../fonts/inter/inter-18pt/Inter18pt-Black.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Inter 18pt';
    src: url('../fonts/inter/inter-18pt/Inter18pt-BlackItalic.woff2') format('woff2'),
        url('../fonts/inter/inter-18pt/Inter18pt-BlackItalic.woff') format('woff');
    font-weight: 900;
    font-style: italic;
    font-display: swap;
}

/* ===== INTER 24pt ===== */
@font-face {
    font-family: 'Inter 24pt';
    src: url('../fonts/inter/inter-24pt/Inter24pt-Thin.woff2') format('woff2'),
        url('../fonts/inter/inter-24pt/Inter24pt-Thin.woff') format('woff');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Inter 24pt';
    src: url('../fonts/inter/inter-24pt/Inter24pt-ThinItalic.woff2') format('woff2'),
        url('../fonts/inter/inter-24pt/Inter24pt-ThinItalic.woff') format('woff');
    font-weight: 100;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Inter 24pt';
    src: url('../fonts/inter/inter-24pt/Inter24pt-ExtraLight.woff2') format('woff2'),
        url('../fonts/inter/inter-24pt/Inter24pt-ExtraLight.woff') format('woff');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Inter 24pt';
    src: url('../fonts/inter/inter-24pt/Inter24pt-ExtraLightItalic.woff2') format('woff2'),
        url('../fonts/inter/inter-24pt/Inter24pt-ExtraLightItalic.woff') format('woff');
    font-weight: 200;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Inter 24pt';
    src: url('../fonts/inter/inter-24pt/Inter24pt-Light.woff2') format('woff2'),
        url('../fonts/inter/inter-24pt/Inter24pt-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Inter 24pt';
    src: url('../fonts/inter/inter-24pt/Inter24pt-LightItalic.woff2') format('woff2'),
        url('../fonts/inter/inter-24pt/Inter24pt-LightItalic.woff') format('woff');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Inter 24pt';
    src: url('../fonts/inter/inter-24pt/Inter24pt-Regular.woff2') format('woff2'),
        url('../fonts/inter/inter-24pt/Inter24pt-Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Inter 24pt';
    src: url('../fonts/inter/inter-24pt/Inter24pt-Italic.woff2') format('woff2'),
        url('../fonts/inter/inter-24pt/Inter24pt-Italic.woff') format('woff');
    font-weight: 400;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Inter 24pt';
    src: url('../fonts/inter/inter-24pt/Inter24pt-Medium.woff2') format('woff2'),
        url('../fonts/inter/inter-24pt/Inter24pt-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Inter 24pt';
    src: url('../fonts/inter/inter-24pt/Inter24pt-MediumItalic.woff2') format('woff2'),
        url('../fonts/inter/inter-24pt/Inter24pt-MediumItalic.woff') format('woff');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Inter 24pt';
    src: url('../fonts/inter/inter-24pt/Inter24pt-SemiBold.woff2') format('woff2'),
        url('../fonts/inter/inter-24pt/Inter24pt-SemiBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Inter 24pt';
    src: url('../fonts/inter/inter-24pt/Inter24pt-SemiBoldItalic.woff2') format('woff2'),
        url('../fonts/inter/inter-24pt/Inter24pt-SemiBoldItalic.woff') format('woff');
    font-weight: 600;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Inter 24pt';
    src: url('../fonts/inter/inter-24pt/Inter24pt-Bold.woff2') format('woff2'),
        url('../fonts/inter/inter-24pt/Inter24pt-Bold.woff') format('woff');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Inter 24pt';
    src: url('../fonts/inter/inter-24pt/Inter24pt-BoldItalic.woff2') format('woff2'),
        url('../fonts/inter/inter-24pt/Inter24pt-BoldItalic.woff') format('woff');
    font-weight: 700;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Inter 24pt';
    src: url('../fonts/inter/inter-24pt/Inter24pt-ExtraBold.woff2') format('woff2'),
        url('../fonts/inter/inter-24pt/Inter24pt-ExtraBold.woff') format('woff');
    font-weight: 800;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Inter 24pt';
    src: url('../fonts/inter/inter-24pt/Inter24pt-ExtraBoldItalic.woff2') format('woff2'),
        url('../fonts/inter/inter-24pt/Inter24pt-ExtraBoldItalic.woff') format('woff');
    font-weight: 800;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Inter 24pt';
    src: url('../fonts/inter/inter-24pt/Inter24pt-Black.woff2') format('woff2'),
        url('../fonts/inter/inter-24pt/Inter24pt-Black.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Inter 24pt';
    src: url('../fonts/inter/inter-24pt/Inter24pt-BlackItalic.woff2') format('woff2'),
        url('../fonts/inter/inter-24pt/Inter24pt-BlackItalic.woff') format('woff');
    font-weight: 900;
    font-style: italic;
    font-display: swap;
}

/* ===== INTER 28pt ===== */
@font-face {
    font-family: 'Inter 28pt';
    src: url('../fonts/inter/inter-28pt/Inter28pt-Thin.woff2') format('woff2'),
        url('../fonts/inter/inter-28pt/Inter28pt-Thin.woff') format('woff');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Inter 28pt';
    src: url('../fonts/inter/inter-28pt/Inter28pt-ThinItalic.woff2') format('woff2'),
        url('../fonts/inter/inter-28pt/Inter28pt-ThinItalic.woff') format('woff');
    font-weight: 100;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Inter 28pt';
    src: url('../fonts/inter/inter-28pt/Inter28pt-ExtraLight.woff2') format('woff2'),
        url('../fonts/inter/inter-28pt/Inter28pt-ExtraLight.woff') format('woff');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Inter 28pt';
    src: url('../fonts/inter/inter-28pt/Inter28pt-ExtraLightItalic.woff2') format('woff2'),
        url('../fonts/inter/inter-28pt/Inter28pt-ExtraLightItalic.woff') format('woff');
    font-weight: 200;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Inter 28pt';
    src: url('../fonts/inter/inter-28pt/Inter28pt-Light.woff2') format('woff2'),
        url('../fonts/inter/inter-28pt/Inter28pt-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Inter 28pt';
    src: url('../fonts/inter/inter-28pt/Inter28pt-LightItalic.woff2') format('woff2'),
        url('../fonts/inter/inter-28pt/Inter28pt-LightItalic.woff') format('woff');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Inter 28pt';
    src: url('../fonts/inter/inter-28pt/Inter28pt-Regular.woff2') format('woff2'),
        url('../fonts/inter/inter-28pt/Inter28pt-Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Inter 28pt';
    src: url('../fonts/inter/inter-28pt/Inter28pt-Italic.woff2') format('woff2'),
        url('../fonts/inter/inter-28pt/Inter28pt-Italic.woff') format('woff');
    font-weight: 400;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Inter 28pt';
    src: url('../fonts/inter/inter-28pt/Inter28pt-Medium.woff2') format('woff2'),
        url('../fonts/inter/inter-28pt/Inter28pt-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Inter 28pt';
    src: url('../fonts/inter/inter-28pt/Inter28pt-MediumItalic.woff2') format('woff2'),
        url('../fonts/inter/inter-28pt/Inter28pt-MediumItalic.woff') format('woff');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Inter 28pt';
    src: url('../fonts/inter/inter-28pt/Inter28pt-SemiBold.woff2') format('woff2'),
        url('../fonts/inter/inter-28pt/Inter28pt-SemiBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Inter 28pt';
    src: url('../fonts/inter/inter-28pt/Inter28pt-SemiBoldItalic.woff2') format('woff2'),
        url('../fonts/inter/inter-28pt/Inter28pt-SemiBoldItalic.woff') format('woff');
    font-weight: 600;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Inter 28pt';
    src: url('../fonts/inter/inter-28pt/Inter28pt-Bold.woff2') format('woff2'),
        url('../fonts/inter/inter-28pt/Inter28pt-Bold.woff') format('woff');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Inter 28pt';
    src: url('../fonts/inter/inter-28pt/Inter28pt-BoldItalic.woff2') format('woff2'),
        url('../fonts/inter/inter-28pt/Inter28pt-BoldItalic.woff') format('woff');
    font-weight: 700;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Inter 28pt';
    src: url('../fonts/inter/inter-28pt/Inter28pt-ExtraBold.woff2') format('woff2'),
        url('../fonts/inter/inter-28pt/Inter28pt-ExtraBold.woff') format('woff');
    font-weight: 800;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Inter 28pt';
    src: url('../fonts/inter/inter-28pt/Inter28pt-ExtraBoldItalic.woff2') format('woff2'),
        url('../fonts/inter/inter-28pt/Inter28pt-ExtraBoldItalic.woff') format('woff');
    font-weight: 800;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Inter 28pt';
    src: url('../fonts/inter/inter-28pt/Inter28pt-Black.woff2') format('woff2'),
        url('../fonts/inter/inter-28pt/Inter28pt-Black.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Inter 28pt';
    src: url('../fonts/inter/inter-28pt/Inter28pt-BlackItalic.woff2') format('woff2'),
        url('../fonts/inter/inter-28pt/Inter28pt-BlackItalic.woff') format('woff');
    font-weight: 900;
    font-style: italic;
    font-display: swap;
}

/* ===== CLASSES DE UTILIDAD ===== */
.inter-18pt-thin { font-family: 'Inter 18pt'; font-weight: 100; font-style: normal; }
.inter-18pt-thin-italic { font-family: 'Inter 18pt'; font-weight: 100; font-style: italic; }
.inter-18pt-extralight { font-family: 'Inter 18pt'; font-weight: 200; font-style: normal; }
.inter-18pt-extralight-italic { font-family: 'Inter 18pt'; font-weight: 200; font-style: italic; }
.inter-18pt-light { font-family: 'Inter 18pt'; font-weight: 300; font-style: normal; }
.inter-18pt-light-italic { font-family: 'Inter 18pt'; font-weight: 300; font-style: italic; }
.inter-18pt-regular { font-family: 'Inter 18pt'; font-weight: 400; font-style: normal; }
.inter-18pt-italic { font-family: 'Inter 18pt'; font-weight: 400; font-style: italic; }
.inter-18pt-medium { font-family: 'Inter 18pt'; font-weight: 500; font-style: normal; }
.inter-18pt-medium-italic { font-family: 'Inter 18pt'; font-weight: 500; font-style: italic; }
.inter-18pt-semibold { font-family: 'Inter 18pt'; font-weight: 600; font-style: normal; }
.inter-18pt-semibold-italic { font-family: 'Inter 18pt'; font-weight: 600; font-style: italic; }
.inter-18pt-bold { font-family: 'Inter 18pt'; font-weight: 700; font-style: normal; }
.inter-18pt-bold-italic { font-family: 'Inter 18pt'; font-weight: 700; font-style: italic; }
.inter-18pt-extrabold { font-family: 'Inter 18pt'; font-weight: 800; font-style: normal; }
.inter-18pt-extrabold-italic { font-family: 'Inter 18pt'; font-weight: 800; font-style: italic; }
.inter-18pt-black { font-family: 'Inter 18pt'; font-weight: 900; font-style: normal; }
.inter-18pt-black-italic { font-family: 'Inter 18pt'; font-weight: 900; font-style: italic; }

.inter-24pt-thin { font-family: 'Inter 24pt'; font-weight: 100; font-style: normal; }
.inter-24pt-thin-italic { font-family: 'Inter 24pt'; font-weight: 100; font-style: italic; }
.inter-24pt-extralight { font-family: 'Inter 24pt'; font-weight: 200; font-style: normal; }
.inter-24pt-extralight-italic { font-family: 'Inter 24pt'; font-weight: 200; font-style: italic; }
.inter-24pt-light { font-family: 'Inter 24pt'; font-weight: 300; font-style: normal; }
.inter-24pt-light-italic { font-family: 'Inter 24pt'; font-weight: 300; font-style: italic; }
.inter-24pt-regular { font-family: 'Inter 24pt'; font-weight: 400; font-style: normal; }
.inter-24pt-italic { font-family: 'Inter 24pt'; font-weight: 400; font-style: italic; }
.inter-24pt-medium { font-family: 'Inter 24pt'; font-weight: 500; font-style: normal; }
.inter-24pt-medium-italic { font-family: 'Inter 24pt'; font-weight: 500; font-style: italic; }
.inter-24pt-semibold { font-family: 'Inter 24pt'; font-weight: 600; font-style: normal; }
.inter-24pt-semibold-italic { font-family: 'Inter 24pt'; font-weight: 600; font-style: italic; }
.inter-24pt-bold { font-family: 'Inter 24pt'; font-weight: 700; font-style: normal; }
.inter-24pt-bold-italic { font-family: 'Inter 24pt'; font-weight: 700; font-style: italic; }
.inter-24pt-extrabold { font-family: 'Inter 24pt'; font-weight: 800; font-style: normal; }
.inter-24pt-extrabold-italic { font-family: 'Inter 24pt'; font-weight: 800; font-style: italic; }
.inter-24pt-black { font-family: 'Inter 24pt'; font-weight: 900; font-style: normal; }
.inter-24pt-black-italic { font-family: 'Inter 24pt'; font-weight: 900; font-style: italic; }

.inter-28pt-thin { font-family: 'Inter 28pt'; font-weight: 100; font-style: normal; }
.inter-28pt-thin-italic { font-family: 'Inter 28pt'; font-weight: 100; font-style: italic; }
.inter-28pt-extralight { font-family: 'Inter 28pt'; font-weight: 200; font-style: normal; }
.inter-28pt-extralight-italic { font-family: 'Inter 28pt'; font-weight: 200; font-style: italic; }
.inter-28pt-light { font-family: 'Inter 28pt'; font-weight: 300; font-style: normal; }
.inter-28pt-light-italic { font-family: 'Inter 28pt'; font-weight: 300; font-style: italic; }
.inter-28pt-regular { font-family: 'Inter 28pt'; font-weight: 400; font-style: normal; }
.inter-28pt-italic { font-family: 'Inter 28pt'; font-weight: 400; font-style: italic; }
.inter-28pt-medium { font-family: 'Inter 28pt'; font-weight: 500; font-style: normal; }
.inter-28pt-medium-italic { font-family: 'Inter 28pt'; font-weight: 500; font-style: italic; }
.inter-28pt-semibold { font-family: 'Inter 28pt'; font-weight: 600; font-style: normal; }
.inter-28pt-semibold-italic { font-family: 'Inter 28pt'; font-weight: 600; font-style: italic; }
.inter-28pt-bold { font-family: 'Inter 28pt'; font-weight: 700; font-style: normal; }
.inter-28pt-bold-italic { font-family: 'Inter 28pt'; font-weight: 700; font-style: italic; }
.inter-28pt-extrabold { font-family: 'Inter 28pt'; font-weight: 800; font-style: normal; }
.inter-28pt-extrabold-italic { font-family: 'Inter 28pt'; font-weight: 800; font-style: italic; }
.inter-28pt-black { font-family: 'Inter 28pt'; font-weight: 900; font-style: normal; }
.inter-28pt-black-italic { font-family: 'Inter 28pt'; font-weight: 900; font-style: italic; }