/* Neue Haas Display - fontes locais do template REDE3 */
@font-face {
  font-family: "Neue Haas Display";
  src: local("Neue Haas Display Light"),
       url("../fonts/neue-haas-display-light.ttf") format("truetype");
  font-style: normal;
  font-weight: 300;
  font-display: swap;
}

@font-face {
  font-family: "Neue Haas Display";
  src: local("Neue Haas Display Roman"),
       url("../fonts/neue-haas-display-roman.ttf") format("truetype");
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}

@font-face {
  font-family: "Neue Haas Display";
  src: local("Neue Haas Display Roman Italic"),
       url("../fonts/neue-haas-display-roman-italic.ttf") format("truetype");
  font-style: italic;
  font-weight: 400;
  font-display: swap;
}

@font-face {
  font-family: "Neue Haas Display";
  src: local("Neue Haas Display Medium"),
       url("../fonts/neue-haas-display-medium.ttf") format("truetype");
  font-style: normal;
  font-weight: 500;
  font-display: swap;
}

@font-face {
  font-family: "Neue Haas Display";
  src: local("Neue Haas Display Bold"),
       url("../fonts/neue-haas-display-bold.ttf") format("truetype");
  font-style: normal;
  font-weight: 700;
  font-display: swap;
}

@font-face {
  font-family: "Neue Haas Display";
  src: local("Neue Haas Display Bold Italic"),
       url("../fonts/neue-haas-display-bold-italic.ttf") format("truetype");
  font-style: italic;
  font-weight: 700;
  font-display: swap;
}

@font-face {
  font-family: "Neue Haas Display";
  src: local("Neue Haas Display Black"),
       url("../fonts/neue-haas-display-black.ttf") format("truetype");
  font-style: normal;
  font-weight: 900;
  font-display: swap;
}

/* Aplicação global. Arial e sans-serif funcionam como fallback. */
html,
body,
button,
input,
textarea,
select {
  font-family: "Neue Haas Display", Arial, Helvetica, sans-serif;
}

h1,
h2,
h3,
h4,
h5,
h6,
.button,
.brand-copy strong {
  font-family: "Neue Haas Display", Arial, Helvetica, sans-serif;
}

h1,
.brand-copy strong {
  font-weight: 700;
}