/*
 * Arquivo: C:\xampp\htdocs\web\public\css\style.css
 * 
 */


/* --- 1. DECLARAÇÕES DE FONTES --- */

/* --- Bebas Neue --- */
@font-face {
    font-family: 'Bebas Neue';
    src: url('../fonts/BebasNeue-Regular.woff2') format('woff2'),
         url('../fonts/BebasNeue-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

/* --- DotGothic16 --- */
@font-face {
    font-family: 'DotGothic16';
    src: url('../fonts/DotGothic16-Regular.woff2') format('woff2'),
         url('../fonts/DotGothic16-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

/* --- Exo 2 --- */
@font-face {
    font-family: 'Exo 2';
    src: url('../fonts/Exo2-Black.woff2') format('woff2'),
         url('../fonts/Exo2-Black.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Exo 2';
    src: url('../fonts/Exo2-BlackItalic.woff2') format('woff2'),
         url('../fonts/Exo2-BlackItalic.woff') format('woff');
    font-weight: 900;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Exo 2';
    src: url('../fonts/Exo2-Bold.woff2') format('woff2'),
         url('../fonts/Exo2-Bold.woff') format('woff');
    font-weight: bold; /* 700 */
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Exo 2';
    src: url('../fonts/Exo2-BoldItalic.woff2') format('woff2'),
         url('../fonts/Exo2-BoldItalic.woff') format('woff');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Exo 2';
    src: url('../fonts/Exo2-ExtraBold.woff2') format('woff2'),
         url('../fonts/Exo2-ExtraBold.woff') format('woff');
    font-weight: 800;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Exo 2';
    src: url('../fonts/Exo2-ExtraBoldItalic.woff2') format('woff2'),
         url('../fonts/Exo2-ExtraBoldItalic.woff') format('woff');
    font-weight: 800;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Exo 2';
    src: url('../fonts/Exo2-ExtraLight.woff2') format('woff2'),
         url('../fonts/Exo2-ExtraLight.woff') format('woff');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Exo 2';
    src: url('../fonts/Exo2-ExtraLightItalic.woff2') format('woff2'),
         url('../fonts/Exo2-ExtraLightItalic.woff') format('woff');
    font-weight: 200;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Exo 2';
    src: url('../fonts/Exo2-Italic.woff2') format('woff2'),
         url('../fonts/Exo2-Italic.woff') format('woff');
    font-weight: normal; /* 400 */
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Exo 2';
    src: url('../fonts/Exo2-Light.woff2') format('woff2'),
         url('../fonts/Exo2-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Exo 2';
    src: url('../fonts/Exo2-LightItalic.woff2') format('woff2'),
         url('../fonts/Exo2-LightItalic.woff') format('woff');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Exo 2';
    src: url('../fonts/Exo2-Medium.woff2') format('woff2'),
         url('../fonts/Exo2-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Exo 2';
    src: url('../fonts/Exo2-MediumItalic.woff2') format('woff2'),
         url('../fonts/Exo2-MediumItalic.woff') format('woff');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Exo 2';
    src: url('../fonts/Exo2-Regular.woff2') format('woff2'),
         url('../fonts/Exo2-Regular.woff') format('woff');
    font-weight: normal; /* 400 */
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Exo 2';
    src: url('../fonts/Exo2-SemiBold.woff2') format('woff2'),
         url('../fonts/Exo2-SemiBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Exo 2';
    src: url('../fonts/Exo2-SemiBoldItalic.woff2') format('woff2'),
         url('../fonts/Exo2-SemiBoldItalic.woff') format('woff');
    font-weight: 600;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Exo 2';
    src: url('../fonts/Exo2-Thin.woff2') format('woff2'),
         url('../fonts/Exo2-Thin.woff') format('woff');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Exo 2';
    src: url('../fonts/Exo2-ThinItalic.woff2') format('woff2'),
         url('../fonts/Exo2-ThinItalic.woff') format('woff');
    font-weight: 100;
    font-style: italic;
    font-display: swap;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@font-face {
    font-family: 'Lato';
    src: url('../fonts/Lato-Bold.woff2') format('woff2'),
         url('../fonts/Lato-Bold.woff') format('woff');
    font-weight: bold; /* 700 */
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Lato';
    src: url('../fonts/Lato-BoldItalic.woff2') format('woff2'),
         url('../fonts/Lato-BoldItalic.woff') format('woff');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

/* --- Lato Hairline --- */
@font-face {
    font-family: 'Lato Hairline';
    src: url('../fonts/Lato-Hairline.woff2') format('woff2'),
         url('../fonts/Lato-Hairline.woff') format('woff');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Lato Hairline';
    src: url('../fonts/Lato-HairlineItalic.woff2') format('woff2'),
         url('../fonts/Lato-HairlineItalic.woff') format('woff');
    font-weight: 100;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Lato';
    src: url('../fonts/Lato-Italic.woff2') format('woff2'),
         url('../fonts/Lato-Italic.woff') format('woff');
    font-weight: normal; /* 400 */
    font-style: italic;
    font-display: swap;
}

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

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

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

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

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

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

@font-face {
    font-family: 'Orbitron';
    src: url('../fonts/Orbitron-Bold.woff2') format('woff2'),
         url('../fonts/Orbitron-Bold.woff') format('woff');
    font-weight: bold; /* 700 */
    font-style: normal;
    font-display: swap;
}

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

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

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

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

/* --- Oswald --- */
@font-face {
    font-family: 'Oswald';
    src: url('../fonts/Oswald-Bold.woff2') format('woff2'),
         url('../fonts/Oswald-Bold.woff') format('woff');
    font-weight: bold; /* 700 */
    font-style: normal;
    font-display: swap;
}

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

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

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

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

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

/* --- Pixelify Sans --- */
@font-face {
    font-family: 'Pixelify Sans';
    src: url('../fonts/PixelifySans-Bold.woff2') format('woff2'),
         url('../fonts/PixelifySans-Bold.woff') format('woff');
    font-weight: bold; /* 700 */
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Pixelify Sans';
    src: url('../fonts/PixelifySans-Medium.woff2') format('woff2'),
         url('../fonts/PixelifySans-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Pixelify Sans';
    src: url('../fonts/PixelifySans-Regular.woff2') format('woff2'),
         url('../fonts/PixelifySans-Regular.woff') format('woff');
    font-weight: normal; /* 400 */
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Pixelify Sans';
    src: url('../fonts/PixelifySans-SemiBold.woff2') format('woff2'),
         url('../fonts/PixelifySans-SemiBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

/* --- Press Start 2P --- */
@font-face {
    font-family: 'Press Start 2P';
    src: url('../fonts/PressStart2P-Regular.woff2') format('woff2'),
         url('../fonts/PressStart2P-Regular.woff') format('woff');
    font-weight: normal; /* 400 */
    font-style: normal;
    font-display: swap;
}

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

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

@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto-Bold.woff2') format('woff2'),
         url('../fonts/Roboto-Bold.woff') format('woff');
    font-weight: bold; /* 700 */
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto-BoldItalic.woff2') format('woff2'),
         url('../fonts/Roboto-BoldItalic.woff') format('woff');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

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

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

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

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

@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto-Italic.woff2') format('woff2'),
         url('../fonts/Roboto-Italic.woff') format('woff');
    font-weight: normal; /* 400 */
    font-style: italic;
    font-display: swap;
}

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

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

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

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

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

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

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

@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto-Thin.woff2') format('woff2'),
         url('../fonts/Roboto-Thin.woff') format('woff');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

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

/* --- Roboto Condensed --- */
@font-face {
    font-family: 'Roboto Condensed';
    src: url('../fonts/RobotoCondensed-Black.woff2') format('woff2'),
         url('../fonts/RobotoCondensed-Black.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto Condensed';
    src: url('../fonts/RobotoCondensed-BlackItalic.woff2') format('woff2'),
         url('../fonts/RobotoCondensed-BlackItalic.woff') format('woff');
    font-weight: 900;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto Condensed';
    src: url('../fonts/RobotoCondensed-Bold.woff2') format('woff2'),
         url('../fonts/RobotoCondensed-Bold.woff') format('woff');
    font-weight: bold; /* 700 */
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto Condensed';
    src: url('../fonts/RobotoCondensed-BoldItalic.woff2') format('woff2'),
         url('../fonts/RobotoCondensed-BoldItalic.woff') format('woff');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto Condensed';
    src: url('../fonts/RobotoCondensed-ExtraBold.woff2') format('woff2'),
         url('../fonts/RobotoCondensed-ExtraBold.woff') format('woff');
    font-weight: 800;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto Condensed';
    src: url('../fonts/RobotoCondensed-ExtraBoldItalic.woff2') format('woff2'),
         url('../fonts/RobotoCondensed-ExtraBoldItalic.woff') format('woff');
    font-weight: 800;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto Condensed';
    src: url('../fonts/RobotoCondensed-ExtraLight.woff2') format('woff2'),
         url('../fonts/RobotoCondensed-ExtraLight.woff') format('woff');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto Condensed';
    src: url('../fonts/RobotoCondensed-ExtraLightItalic.woff2') format('woff2'),
         url('../fonts/RobotoCondensed-ExtraLightItalic.woff') format('woff');
    font-weight: 200;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto Condensed';
    src: url('../fonts/RobotoCondensed-Italic.woff2') format('woff2'),
         url('../fonts/RobotoCondensed-Italic.woff') format('woff');
    font-weight: normal; /* 400 */
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto Condensed';
    src: url('../fonts/RobotoCondensed-Light.woff2') format('woff2'),
         url('../fonts/RobotoCondensed-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto Condensed';
    src: url('../fonts/RobotoCondensed-LightItalic.woff2') format('woff2'),
         url('../fonts/RobotoCondensed-LightItalic.woff') format('woff');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto Condensed';
    src: url('../fonts/RobotoCondensed-Medium.woff2') format('woff2'),
         url('../fonts/RobotoCondensed-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto Condensed';
    src: url('../fonts/RobotoCondensed-MediumItalic.woff2') format('woff2'),
         url('../fonts/RobotoCondensed-MediumItalic.woff') format('woff');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto Condensed';
    src: url('../fonts/RobotoCondensed-Regular.woff2') format('woff2'),
         url('../fonts/RobotoCondensed-Regular.woff') format('woff');
    font-weight: normal; /* 400 */
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto Condensed';
    src: url('../fonts/RobotoCondensed-SemiBold.woff2') format('woff2'),
         url('../fonts/RobotoCondensed-SemiBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto Condensed';
    src: url('../fonts/RobotoCondensed-SemiBoldItalic.woff2') format('woff2'),
         url('../fonts/RobotoCondensed-SemiBoldItalic.woff') format('woff');
    font-weight: 600;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto Condensed';
    src: url('../fonts/RobotoCondensed-Thin.woff2') format('woff2'),
         url('../fonts/RobotoCondensed-Thin.woff') format('woff');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto Condensed';
    src: url('../fonts/RobotoCondensed-ThinItalic.woff2') format('woff2'),
         url('../fonts/RobotoCondensed-ThinItalic.woff') format('woff');
    font-weight: 100;
    font-style: italic;
    font-display: swap;
}

/* --- Roboto SemiCondensed --- */
@font-face {
    font-family: 'Roboto SemiCondensed';
    src: url('../fonts/RobotoSemiCondensed-Black.woff2') format('woff2'),
         url('../fonts/RobotoSemiCondensed-Black.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto SemiCondensed';
    src: url('../fonts/RobotoSemiCondensed-BlackItalic.woff2') format('woff2'),
         url('../fonts/RobotoSemiCondensed-BlackItalic.woff') format('woff');
    font-weight: 900;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto SemiCondensed';
    src: url('../fonts/RobotoSemiCondensed-Bold.woff2') format('woff2'),
         url('../fonts/RobotoSemiCondensed-Bold.woff') format('woff');
    font-weight: bold; /* 700 */
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto SemiCondensed';
    src: url('../fonts/RobotoSemiCondensed-BoldItalic.woff2') format('woff2'),
         url('../fonts/RobotoSemiCondensed-BoldItalic.woff') format('woff');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto SemiCondensed';
    src: url('../fonts/RobotoSemiCondensed-ExtraBold.woff2') format('woff2'),
         url('../fonts/RobotoSemiCondensed-ExtraBold.woff') format('woff');
    font-weight: 800;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto SemiCondensed';
    src: url('../fonts/RobotoSemiCondensed-ExtraBoldItalic.woff2') format('woff2'),
         url('../fonts/RobotoSemiCondensed-ExtraBoldItalic.woff') format('woff');
    font-weight: 800;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto SemiCondensed';
    src: url('../fonts/RobotoSemiCondensed-ExtraLight.woff2') format('woff2'),
         url('../fonts/RobotoSemiCondensed-ExtraLight.woff') format('woff');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto SemiCondensed';
    src: url('../fonts/RobotoSemiCondensed-ExtraLightItalic.woff2') format('woff2'),
         url('../fonts/RobotoSemiCondensed-ExtraLightItalic.woff') format('woff');
    font-weight: 200;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto SemiCondensed';
    src: url('../fonts/RobotoSemiCondensed-Italic.woff2') format('woff2'),
         url('../fonts/RobotoSemiCondensed-Italic.woff') format('woff');
    font-weight: normal; /* 400 */
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto SemiCondensed';
    src: url('../fonts/RobotoSemiCondensed-Light.woff2') format('woff2'),
         url('../fonts/RobotoSemiCondensed-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto SemiCondensed';
    src: url('../fonts/RobotoSemiCondensed-LightItalic.woff2') format('woff2'),
         url('../fonts/RobotoSemiCondensed-LightItalic.woff') format('woff');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto SemiCondensed';
    src: url('../fonts/RobotoSemiCondensed-Medium.woff2') format('woff2'),
         url('../fonts/RobotoSemiCondensed-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto SemiCondensed';
    src: url('../fonts/RobotoSemiCondensed-MediumItalic.woff2') format('woff2'),
         url('../fonts/RobotoSemiCondensed-MediumItalic.woff') format('woff');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto SemiCondensed';
    src: url('../fonts/RobotoSemiCondensed-Regular.woff2') format('woff2'),
         url('../fonts/RobotoSemiCondensed-Regular.woff') format('woff');
    font-weight: normal; /* 400 */
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto SemiCondensed';
    src: url('../fonts/RobotoSemiCondensed-SemiBold.woff2') format('woff2'),
         url('../fonts/RobotoSemiCondensed-SemiBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto SemiCondensed';
    src: url('../fonts/RobotoSemiCondensed-SemiBoldItalic.woff2') format('woff2'),
         url('../fonts/RobotoSemiCondensed-SemiBoldItalic.woff') format('woff');
    font-weight: 600;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto SemiCondensed';
    src: url('../fonts/RobotoSemiCondensed-Thin.woff2') format('woff2'),
         url('../fonts/RobotoSemiCondensed-Thin.woff') format('woff');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto SemiCondensed';
    src: url('../fonts/RobotoSemiCondensed-ThinItalic.woff2') format('woff2'),
         url('../fonts/RobotoSemiCondensed-ThinItalic.woff') format('woff');
    font-weight: 100;
    font-style: italic;
    font-display: swap;
}

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

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

@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto-Bold.woff2') format('woff2'),
         url('../fonts/Roboto-Bold.woff') format('woff');
    font-weight: bold; /* 700 */
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto-BoldItalic.woff2') format('woff2'),
         url('../fonts/Roboto-BoldItalic.woff') format('woff');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

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

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

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

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

@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto-Italic.woff2') format('woff2'),
         url('../fonts/Roboto-Italic.woff') format('woff');
    font-weight: normal; /* 400 */
    font-style: italic;
    font-display: swap;
}

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

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

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

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

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

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

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

@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto-Thin.woff2') format('woff2'),
         url('../fonts/Roboto-Thin.woff') format('woff');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

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

/* --- Source Serif 4 --- */
@font-face {
    font-family: 'Source Serif 4';
    src: url('../fonts/SourceSerif4-Black.woff2') format('woff2'),
         url('../fonts/SourceSerif4-Black.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

/* --- Source Serif 4 18pt --- */
@font-face {
    font-family: 'Source Serif 4 18pt';
    src: url('../fonts/SourceSerif418pt-Black.woff2') format('woff2'),
         url('../fonts/SourceSerif418pt-Black.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

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

@font-face {
    font-family: 'Source Serif 4 18pt';
    src: url('../fonts/SourceSerif418pt-Bold.woff2') format('woff2'),
         url('../fonts/SourceSerif418pt-Bold.woff') format('woff');
    font-weight: bold; /* 700 */
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Source Serif 4 18pt';
    src: url('../fonts/SourceSerif418pt-BoldItalic.woff2') format('woff2'),
         url('../fonts/SourceSerif418pt-BoldItalic.woff') format('woff');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

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

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

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

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

@font-face {
    font-family: 'Source Serif 4 18pt';
    src: url('../fonts/SourceSerif418pt-Italic.woff2') format('woff2'),
         url('../fonts/SourceSerif418pt-Italic.woff') format('woff');
    font-weight: normal; /* 400 */
    font-style: italic;
    font-display: swap;
}

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

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

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

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

@font-face {
    font-family: 'Source Serif 4 18pt';
    src: url('../fonts/SourceSerif418pt-Regular.woff2') format('woff2'),
         url('../fonts/SourceSerif418pt-Regular.woff') format('woff');
    font-weight: normal; /* 400 */
    font-style: normal;
    font-display: swap;
}

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

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

/* --- Source Serif 4 36pt --- */
@font-face {
    font-family: 'Source Serif 4 36pt';
    src: url('../fonts/SourceSerif436pt-Black.woff2') format('woff2'),
         url('../fonts/SourceSerif436pt-Black.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Source Serif 4 36pt';
    src: url('../fonts/SourceSerif436pt-BlackItalic.woff2') format('woff2'),
         url('../fonts/SourceSerif436pt-BlackItalic.woff') format('woff');
    font-weight: 900;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Source Serif 4 36pt';
    src: url('../fonts/SourceSerif436pt-Bold.woff2') format('woff2'),
         url('../fonts/SourceSerif436pt-Bold.woff') format('woff');
    font-weight: bold; /* 700 */
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Source Serif 4 36pt';
    src: url('../fonts/SourceSerif436pt-BoldItalic.woff2') format('woff2'),
         url('../fonts/SourceSerif436pt-BoldItalic.woff') format('woff');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Source Serif 4 36pt';
    src: url('../fonts/SourceSerif436pt-ExtraBold.woff2') format('woff2'),
         url('../fonts/SourceSerif436pt-ExtraBold.woff') format('woff');
    font-weight: 800;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Source Serif 4 36pt';
    src: url('../fonts/SourceSerif436pt-ExtraBoldItalic.woff2') format('woff2'),
         url('../fonts/SourceSerif436pt-ExtraBoldItalic.woff') format('woff');
    font-weight: 800;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Source Serif 4 36pt';
    src: url('../fonts/SourceSerif436pt-ExtraLight.woff2') format('woff2'),
         url('../fonts/SourceSerif436pt-ExtraLight.woff') format('woff');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Source Serif 4 36pt';
    src: url('../fonts/SourceSerif436pt-ExtraLightItalic.woff2') format('woff2'),
         url('../fonts/SourceSerif436pt-ExtraLightItalic.woff') format('woff');
    font-weight: 200;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Source Serif 4 36pt';
    src: url('../fonts/SourceSerif436pt-Italic.woff2') format('woff2'),
         url('../fonts/SourceSerif436pt-Italic.woff') format('woff');
    font-weight: normal; /* 400 */
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Source Serif 4 36pt';
    src: url('../fonts/SourceSerif436pt-Light.woff2') format('woff2'),
         url('../fonts/SourceSerif436pt-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Source Serif 4 36pt';
    src: url('../fonts/SourceSerif436pt-LightItalic.woff2') format('woff2'),
         url('../fonts/SourceSerif436pt-LightItalic.woff') format('woff');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Source Serif 4 36pt';
    src: url('../fonts/SourceSerif436pt-Medium.woff2') format('woff2'),
         url('../fonts/SourceSerif436pt-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Source Serif 4 36pt';
    src: url('../fonts/SourceSerif436pt-MediumItalic.woff2') format('woff2'),
         url('../fonts/SourceSerif436pt-MediumItalic.woff') format('woff');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Source Serif 4 36pt';
    src: url('../fonts/SourceSerif436pt-Regular.woff2') format('woff2'),
         url('../fonts/SourceSerif436pt-Regular.woff') format('woff');
    font-weight: normal; /* 400 */
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Source Serif 4 36pt';
    src: url('../fonts/SourceSerif436pt-SemiBold.woff2') format('woff2'),
         url('../fonts/SourceSerif436pt-SemiBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Source Serif 4 36pt';
    src: url('../fonts/SourceSerif436pt-SemiBoldItalic.woff2') format('woff2'),
         url('../fonts/SourceSerif436pt-SemiBoldItalic.woff') format('woff');
    font-weight: 600;
    font-style: italic;
    font-display: swap;
}

/* --- Source Serif 4 48pt --- */
@font-face {
    font-family: 'Source Serif 4 48pt';
    src: url('../fonts/SourceSerif448pt-Black.woff2') format('woff2'),
         url('../fonts/SourceSerif448pt-Black.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Source Serif 4 48pt';
    src: url('../fonts/SourceSerif448pt-BlackItalic.woff2') format('woff2'),
         url('../fonts/SourceSerif448pt-BlackItalic.woff') format('woff');
    font-weight: 900;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Source Serif 4 48pt';
    src: url('../fonts/SourceSerif448pt-Bold.woff2') format('woff2'),
         url('../fonts/SourceSerif448pt-Bold.woff') format('woff');
    font-weight: bold; /* 700 */
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Source Serif 4 48pt';
    src: url('../fonts/SourceSerif448pt-BoldItalic.woff2') format('woff2'),
         url('../fonts/SourceSerif448pt-BoldItalic.woff') format('woff');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Source Serif 4 48pt';
    src: url('../fonts/SourceSerif448pt-ExtraBold.woff2') format('woff2'),
         url('../fonts/SourceSerif448pt-ExtraBold.woff') format('woff');
    font-weight: 800;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Source Serif 4 48pt';
    src: url('../fonts/SourceSerif448pt-ExtraBoldItalic.woff2') format('woff2'),
         url('../fonts/SourceSerif448pt-ExtraBoldItalic.woff') format('woff');
    font-weight: 800;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Source Serif 4 48pt';
    src: url('../fonts/SourceSerif448pt-ExtraLight.woff2') format('woff2'),
         url('../fonts/SourceSerif448pt-ExtraLight.woff') format('woff');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Source Serif 4 48pt';
    src: url('../fonts/SourceSerif448pt-ExtraLightItalic.woff2') format('woff2'),
         url('../fonts/SourceSerif448pt-ExtraLightItalic.woff') format('woff');
    font-weight: 200;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Source Serif 4 48pt';
    src: url('../fonts/SourceSerif448pt-Italic.woff2') format('woff2'),
         url('../fonts/SourceSerif448pt-Italic.woff') format('woff');
    font-weight: normal; /* 400 */
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Source Serif 4 48pt';
    src: url('../fonts/SourceSerif448pt-Light.woff2') format('woff2'),
         url('../fonts/SourceSerif448pt-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Source Serif 4 48pt';
    src: url('../fonts/SourceSerif448pt-LightItalic.woff2') format('woff2'),
         url('../fonts/SourceSerif448pt-LightItalic.woff') format('woff');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Source Serif 4 48pt';
    src: url('../fonts/SourceSerif448pt-Medium.woff2') format('woff2'),
         url('../fonts/SourceSerif448pt-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Source Serif 4 48pt';
    src: url('../fonts/SourceSerif448pt-MediumItalic.woff2') format('woff2'),
         url('../fonts/SourceSerif448pt-MediumItalic.woff') format('woff');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Source Serif 4 48pt';
    src: url('../fonts/SourceSerif448pt-Regular.woff2') format('woff2'),
         url('../fonts/SourceSerif448pt-Regular.woff') format('woff');
    font-weight: normal; /* 400 */
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Source Serif 4 48pt';
    src: url('../fonts/SourceSerif448pt-SemiBold.woff2') format('woff2'),
         url('../fonts/SourceSerif448pt-SemiBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Source Serif 4 48pt';
    src: url('../fonts/SourceSerif448pt-SemiBoldItalic.woff2') format('woff2'),
         url('../fonts/SourceSerif448pt-SemiBoldItalic.woff') format('woff');
    font-weight: 600;
    font-style: italic;
    font-display: swap;
}

/* --- Source Serif 4 --- */
@font-face {
    font-family: 'Source Serif 4';
    src: url('../fonts/SourceSerif4-BlackItalic.woff2') format('woff2'),
         url('../fonts/SourceSerif4-BlackItalic.woff') format('woff');
    font-weight: 900;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Source Serif 4';
    src: url('../fonts/SourceSerif4-Bold.woff2') format('woff2'),
         url('../fonts/SourceSerif4-Bold.woff') format('woff');
    font-weight: bold; /* 700 */
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Source Serif 4';
    src: url('../fonts/SourceSerif4-BoldItalic.woff2') format('woff2'),
         url('../fonts/SourceSerif4-BoldItalic.woff') format('woff');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Source Serif 4';
    src: url('../fonts/SourceSerif4-ExtraBold.woff2') format('woff2'),
         url('../fonts/SourceSerif4-ExtraBold.woff') format('woff');
    font-weight: 800;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Source Serif 4';
    src: url('../fonts/SourceSerif4-ExtraBoldItalic.woff2') format('woff2'),
         url('../fonts/SourceSerif4-ExtraBoldItalic.woff') format('woff');
    font-weight: 800;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Source Serif 4';
    src: url('../fonts/SourceSerif4-ExtraLight.woff2') format('woff2'),
         url('../fonts/SourceSerif4-ExtraLight.woff') format('woff');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Source Serif 4';
    src: url('../fonts/SourceSerif4-ExtraLightItalic.woff2') format('woff2'),
         url('../fonts/SourceSerif4-ExtraLightItalic.woff') format('woff');
    font-weight: 200;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Source Serif 4';
    src: url('../fonts/SourceSerif4-Italic.woff2') format('woff2'),
         url('../fonts/SourceSerif4-Italic.woff') format('woff');
    font-weight: normal; /* 400 */
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Source Serif 4';
    src: url('../fonts/SourceSerif4-Light.woff2') format('woff2'),
         url('../fonts/SourceSerif4-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Source Serif 4';
    src: url('../fonts/SourceSerif4-LightItalic.woff2') format('woff2'),
         url('../fonts/SourceSerif4-LightItalic.woff') format('woff');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Source Serif 4';
    src: url('../fonts/SourceSerif4-Medium.woff2') format('woff2'),
         url('../fonts/SourceSerif4-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Source Serif 4';
    src: url('../fonts/SourceSerif4-MediumItalic.woff2') format('woff2'),
         url('../fonts/SourceSerif4-MediumItalic.woff') format('woff');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Source Serif 4';
    src: url('../fonts/SourceSerif4-Regular.woff2') format('woff2'),
         url('../fonts/SourceSerif4-Regular.woff') format('woff');
    font-weight: normal; /* 400 */
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Source Serif 4';
    src: url('../fonts/SourceSerif4-SemiBold.woff2') format('woff2'),
         url('../fonts/SourceSerif4-SemiBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Source Serif 4';
    src: url('../fonts/SourceSerif4-SemiBoldItalic.woff2') format('woff2'),
         url('../fonts/SourceSerif4-SemiBoldItalic.woff') format('woff');
    font-weight: 600;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Source Serif 4';
    src: url('../fonts/SourceSerif4Roman-Regular.woff2') format('woff2'),
         url('../fonts/SourceSerif4Roman-Regular.woff') format('woff');
    font-weight: normal; /* 400 */
    font-style: normal;
    font-display: swap;
}

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

/* --- 1. Fim DECLARAÇÕES DE FONTES --- */


/* --- 2. DECLARAÇÕES DE BASE --- */
body {
    /* Define a fonte principal. O navegador tentará Inter, depois Lato, depois uma fonte genérica. */
    font-family: 'Inter', 'Lato', sans-serif;
    line-height: 1.6; /* Aumentar o espaçamento da linha melhora a legibilidade */
    color: #333; /* Cor básica do texto */
}

/* Redefine os títulos para usarem a fonte base e o peso correto (bold/700) */
h1, h2, h3, h4, h5, h6 {
    font-family: 'Inter', sans-serif; 
    font-weight: 700; /* Chama o arquivo Inter-Bold.woff2 */
    
}

/* CÓDIGO PARA public/css/style.css (ou maxgames.css) */

.cookie-modal {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    background-color: #1a1a1a; /* Fundo escuro */
    color: #ffffff;
    z-index: 1050; /* Acima do Bootstrap Modal padrão (1040) */
    display: none; /* CRÍTICO: Inicialmente invisível, será mostrado pelo JS */
    padding: 15px 0;
    box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.2);
}

.cookie-modal-content {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 15px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
}

.cookie-modal-content h3 {
    margin: 0 15px 0 0;
    font-size: 1.2rem;
    color: #ffd700; /* Destaque amarelo */
}

.cookie-modal-content p {
    flex-grow: 1;
    margin: 10px 20px 10px 0;
    font-size: 0.9rem;
}

.cookie-actions {
    display: flex;
    gap: 10px;
}

.cookie-modal-content a {
    color: #ffd700;
    text-decoration: underline;
}

.meutema {
    background-color: #004080; /* Menu/Navbar BG Escuro */
    color: var(--text-light); 
}

.whatsapp-float-btn {
    position: fixed;
    width: 60px;
    height: 60px;
    bottom: 40px;
    right: 40px;
    background-color: #25d366; 
    color: white;
    padding: 10px;
    border-radius: 50%;
    text-align: center;
    font-size: 30px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.4);
    z-index: 1000;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: transform 0.3s ease;
}
.whatsapp-float-btn:hover {
    transform: scale(1.1);
    color: white;
}

/* CÓDIGO DENTRO DE public/css/style.css (ou maxgames.css) */

.whatsapp-float-btn {
    position: fixed; /* CRÍTICO: Fixa o botão na viewport */
    width: 60px;
    height: 60px;
    bottom: 30px;
    right: 30px;
    background-color: #25d366; /* Cor oficial do WhatsApp */
    color: white;
    border-radius: 50%;
    text-align: center;
    font-size: 30px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.4);
    z-index: 1000;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    transition: transform 0.3s ease;
}

.whatsapp-float-btn:hover {
    transform: scale(1.1);
    color: white;
}

/* Adaptação para telas menores (opcional) */
@media (max-width: 768px) {
    .whatsapp-float-btn {
        width: 45px;
        height: 45px;
        bottom: 15px;
        right: 15px;
        font-size: 20px;
    }
}

.meutema {
    background-color: var(--bs-primary)  !important; /* Menu/Navbar BG Escuro */
    color: #ffffff; 
}

.carousel-control-prev-icon,
.carousel-control-next-icon {
    /* CRÍTICO: Injeta o código SVG da seta com a cor de preenchimento (#004080) */
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23004080'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e");
    
    /* Se a cor não for aplicada, aumente a especificidade ou use !important */
}

.carousel-control-next-icon {
    /* Se o Bootstrap não estiver espelhando corretamente, este código força o espelhamento: */
    transform: scaleX(-1); 
}

.btn-warning {
    background-color: var(--bs-primary) !important;
    border-color: var(--bs-primary) !important;
    color: #f0f0f0 !important;
}