/* Fontes Utile */
@font-face {
    font-family: 'Utile';
    src: url('/fonts/Utile-Regular-GFXTRA.COM-iF66f3bd3b42c35.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Utile';
    src: url('/fonts/Utile-Medium-GFXTRA.COM-iF66f3bd3b2d9da.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Utile';
    src: url('/fonts/Utile-Semibold-GFXTRA.COM-iF66f3bd3b5bff5.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Utile';
    src: url('/fonts/Utile-Bold-GFXTRA.COM-iF66f3bd3acea1d.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Utile';
    src: url('/fonts/Utile-Black-GFXTRA.COM-iF66f3bd3ab697b.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Utile';
    src: url('/fonts/Utile-Italic-GFXTRA.COM-iF66f3bd3b02227.ttf') format('truetype');
    font-weight: 400;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Utile';
    src: url('/fonts/Utile-Medium-Italic-GFXTRA.COM-iF66f3bd3b1d79e.ttf') format('truetype');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Utile';
    src: url('/fonts/Utile-Semibold-Italic-GFXTRA.COM-iF66f3bd3b4efd9.ttf') format('truetype');
    font-weight: 600;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Utile';
    src: url('/fonts/Utile-Bold-Italic-GFXTRA.COM-iF66f3bd3ac2903.ttf') format('truetype');
    font-weight: 700;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Utile';
    src: url('/fonts/Utile-Black-Italic-GFXTRA.COM-iF66f3bd3aa958c.ttf') format('truetype');
    font-weight: 900;
    font-style: italic;
    font-display: swap;
}

/* Fontes Joyride */
/* Joyride STD (Standard) */
@font-face {
    font-family: 'Joyride';
    src: url('/fonts/Joyride-Font/Joyride-Font/JoyrideSTD.otf') format('opentype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Joyride';
    src: url('/fonts/Joyride-Font/Joyride-Font/JoyrideSTDItalic.otf') format('opentype');
    font-weight: 400;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Joyride';
    src: url('/fonts/Joyride-Font/Joyride-Font/JoyrideSTDOutline.otf') format('opentype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Joyride';
    src: url('/fonts/Joyride-Font/Joyride-Font/JoyrideSTDOutlineItalic.otf') format('opentype');
    font-weight: 400;
    font-style: italic;
    font-display: swap;
}

/* Joyride WIDE */
@font-face {
    font-family: 'JoyrideWide';
    src: url('/fonts/Joyride-Font/Joyride-Font/JoyrideWIDE.otf') format('opentype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'JoyrideWide';
    src: url('/fonts/Joyride-Font/Joyride-Font/JoyrideWIDEItalic.otf') format('opentype');
    font-weight: 400;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'JoyrideWide';
    src: url('/fonts/Joyride-Font/Joyride-Font/JoyrideWIDEOutline.otf') format('opentype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'JoyrideWide';
    src: url('/fonts/Joyride-Font/Joyride-Font/JoyrideWIDEOutlineItalic.otf') format('opentype');
    font-weight: 400;
    font-style: italic;
    font-display: swap;
}

/* Joyride EXT (Extended) */
@font-face {
    font-family: 'JoyrideExt';
    src: url('/fonts/Joyride-Font/Joyride-Font/JoyrideEXT.otf') format('opentype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'JoyrideExt';
    src: url('/fonts/Joyride-Font/Joyride-Font/JoyrideEXTItalic.otf') format('opentype');
    font-weight: 400;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'JoyrideExt';
    src: url('/fonts/Joyride-Font/Joyride-Font/JoyrideEXTOutline.otf') format('opentype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'JoyrideExt';
    src: url('/fonts/Joyride-Font/Joyride-Font/JoyrideEXTOutlineItalic.otf') format('opentype');
    font-weight: 400;
    font-style: italic;
    font-display: swap;
}

/* Joyride ALT (Alternative) */
@font-face {
    font-family: 'JoyrideAlt';
    src: url('/fonts/Joyride-Font/Joyride-Font/JoyrideALT.otf') format('opentype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'JoyrideAlt';
    src: url('/fonts/Joyride-Font/Joyride-Font/JoyrideALTItalic.otf') format('opentype');
    font-weight: 400;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'JoyrideAlt';
    src: url('/fonts/Joyride-Font/Joyride-Font/JoyrideALTOutline.otf') format('opentype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'JoyrideAlt';
    src: url('/fonts/Joyride-Font/Joyride-Font/JoyrideALTOutlineItalic.otf') format('opentype');
    font-weight: 400;
    font-style: italic;
    font-display: swap;
}

/* Classes utilitárias para Joyride */
.font-joyride {
    font-family: 'Joyride', sans-serif;
}

.font-joyride-italic {
    font-family: 'Joyride', sans-serif;
    font-style: italic;
}

.font-joyride-outline {
    font-family: 'Joyride', sans-serif;
    /* Para outline, você pode usar uma classe específica */
}

.font-joyride-wide {
    font-family: 'JoyrideWide', sans-serif;
}

.font-joyride-wide-italic {
    font-family: 'JoyrideWide', sans-serif;
    font-style: italic;
}

.font-joyride-ext {
    font-family: 'JoyrideExt', sans-serif;
}

.font-joyride-ext-italic {
    font-family: 'JoyrideExt', sans-serif;
    font-style: italic;
}

.font-joyride-alt {
    font-family: 'JoyrideAlt', sans-serif;
}

.font-joyride-alt-italic {
    font-family: 'JoyrideAlt', sans-serif;
    font-style: italic;
}

/* Classes específicas para outline */
.font-joyride-outline {
    font-family: 'Joyride', sans-serif;
    /* O outline será aplicado via CSS ou você pode usar uma classe específica */
}

.font-joyride-wide-outline {
    font-family: 'JoyrideWide', sans-serif;
}

.font-joyride-ext-outline {
    font-family: 'JoyrideExt', sans-serif;
}

.font-joyride-alt-outline {
    font-family: 'JoyrideAlt', sans-serif;
}

/* Fontes Personalizadas */

/* Exemplo de como adicionar uma fonte */
@font-face {
    font-family: 'SuaFonte';
    src: url('../fonts/sua-fonte-regular.woff2') format('woff2'),
         url('../fonts/sua-fonte-regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

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

@font-face {
    font-family: 'SuaFonte';
    src: url('../fonts/sua-fonte-italic.woff2') format('woff2'),
         url('../fonts/sua-fonte-italic.woff') format('woff');
    font-weight: 400;
    font-style: italic;
    font-display: swap;
}

/* Classes utilitárias */
.font-sua-fonte {
    font-family: 'SuaFonte', sans-serif;
}

.font-sua-fonte-bold {
    font-family: 'SuaFonte', sans-serif;
    font-weight: 700;
}

.font-sua-fonte-italic {
    font-family: 'SuaFonte', sans-serif;
    font-style: italic;
}