@font-face {
    font-family: 'Supreme Extralight';
    src: url('/assets/fonts/catalogo/Supreme-Extralight.otf') format('opentype');
    font-style: normal;
    font-weight: 200;
    font-display: swap;
}

@font-face {
    font-family: 'Supreme Regular';
    src: url('/assets/fonts/catalogo/Supreme-Regular 5.otf') format('opentype');
    font-style: normal;
    font-weight: 400;
    font-display: swap;
}

@font-face {
    font-family: 'Supreme Medium';
    src: url('/assets/fonts/catalogo/Supreme-Medium.otf') format('opentype');
    font-style: normal;
    font-weight: 500;
    font-display: swap;
}

:root {
    --fv-page-gutter: clamp(1rem, 3.5vw, 2.8rem);
}

main,
main textarea,
main input,
main select,
main label,
main small,
main .label,
main .subtitle,
main .subtitulo,
main .eyebrow {
    font-family: 'Supreme Extralight', 'Open Sans', Arial, sans-serif;
}

main h1,
main h2,
main h3,
main h4,
main h5,
main h6,
main .serif {
    font-family: 'Supreme Regular', 'Open Sans', Arial, sans-serif;
    font-weight: 400;
}

main .btn,
main button,
main input[type='button'],
main input[type='reset'],
main input[type='submit'] {
    font-family: 'Supreme Medium', 'Open Sans', Arial, sans-serif;
    font-weight: 500;
}

main > section > .layout {
    max-width: none;
    padding-inline: var(--fv-page-gutter);
}