/* Paysoft — tipografia Avenir compartilhada
   Os ficheiros de fonte devem existir em /fonts relativamente à raiz do site. */

@font-face {
    font-family: 'Avenir';
    src: url('../fonts/Avenir-Book.eot');
    src: url('../fonts/Avenir-Book.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Avenir-Book.woff2') format('woff2'),
        url('../fonts/Avenir-Book.woff') format('woff'),
        url('../fonts/Avenir-Book.ttf') format('truetype'),
        url('../fonts/Avenir-Book.svg#Avenir-Book') format('svg');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Avenir';
    src: url('../fonts/Avenir-Medium.eot');
    src: url('../fonts/Avenir-Medium.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Avenir-Medium.woff2') format('woff2'),
        url('../fonts/Avenir-Medium.woff') format('woff'),
        url('../fonts/Avenir-Medium.ttf') format('truetype'),
        url('../fonts/Avenir-Medium.svg#Avenir-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

/* O design existente usa 600 em textos de destaque; a versão Medium é a
   aproximação Avenir mais equilibrada para esse peso. */
@font-face {
    font-family: 'Avenir';
    src: url('../fonts/Avenir-Medium.eot');
    src: url('../fonts/Avenir-Medium.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Avenir-Medium.woff2') format('woff2'),
        url('../fonts/Avenir-Medium.woff') format('woff'),
        url('../fonts/Avenir-Medium.ttf') format('truetype'),
        url('../fonts/Avenir-Medium.svg#Avenir-Medium') format('svg');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

/* O HTML existente usa 700 extensivamente. Mapeamos Avenir Heavy para 700
   para evitar bold sintético e preservar a hierarquia visual. */
@font-face {
    font-family: 'Avenir';
    src: url('../fonts/Avenir-Heavy.eot');
    src: url('../fonts/Avenir-Heavy.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Avenir-Heavy.woff2') format('woff2'),
        url('../fonts/Avenir-Heavy.woff') format('woff'),
        url('../fonts/Avenir-Heavy.ttf') format('truetype'),
        url('../fonts/Avenir-Heavy.svg#Avenir-Heavy') format('svg');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Avenir';
    src: url('../fonts/Avenir-Black.eot');
    src: url('../fonts/Avenir-Black.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Avenir-Black.woff2') format('woff2'),
        url('../fonts/Avenir-Black.woff') format('woff'),
        url('../fonts/Avenir-Black.ttf') format('truetype'),
        url('../fonts/Avenir-Black.svg#Avenir-Black') format('svg');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Avenir';
    src: url('../fonts/Avenir-BlackOblique.eot');
    src: url('../fonts/Avenir-BlackOblique.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Avenir-BlackOblique.woff2') format('woff2'),
        url('../fonts/Avenir-BlackOblique.woff') format('woff'),
        url('../fonts/Avenir-BlackOblique.ttf') format('truetype'),
        url('../fonts/Avenir-BlackOblique.svg#Avenir-BlackOblique') format('svg');
    font-weight: 900;
    font-style: italic;
    font-display: swap;
}

:root {
    --font-primary: 'Avenir', 'Avenir Next', 'Helvetica Neue', Arial, sans-serif;
}

html,
body,
button,
input,
select,
textarea,
a {
    font-family: var(--font-primary);
}

/* Evita que os títulos ganhem quebras visualmente desequilibradas ao mudar
   de métricas de DM Sans para Avenir. Não altera o conteúdo. */
h1,
h2,
h3,
.section-title {
    text-wrap: balance;
    overflow-wrap: normal;
    word-break: normal;
}

@media (max-width: 560px) {

    /* Quebras editoriais usadas apenas para controlar desktop/tablet. */
    .responsive-break {
        display: none;
    }
}