@font-face {
  font-family: "Petrona";
  src: url("../fuentes/petrona.woff2") format("woff2");
  font-style: normal; font-weight: 100 900; font-display: swap;
}
@font-face {
  font-family: "Petrona";
  src: url("../fuentes/petrona-cursiva.woff2") format("woff2");
  font-style: italic; font-weight: 100 900; font-display: swap;
}
@font-face {
  font-family: "Hanken Grotesk";
  src: url("../fuentes/hanken-grotesk.woff2") format("woff2");
  font-style: normal; font-weight: 100 900; font-display: swap;
}
@font-face {
  font-family: "Hanken Grotesk";
  src: url("../fuentes/hanken-grotesk-cursiva.woff2") format("woff2");
  font-style: italic; font-weight: 100 900; font-display: swap;
}
@font-face {
  font-family: "IBM Plex Sans";
  src: url("../fuentes/plex-sans.woff2") format("woff2");
  font-style: normal; font-weight: 400 600; font-display: swap;
}
@font-face {
  font-family: "IBM Plex Mono";
  src: url("../fuentes/plex-mono-400.woff2") format("woff2");
  font-style: normal; font-weight: 400; font-display: swap;
}