/* ===========================
   Gotham Webfonts
   Coloca estos @font-face en tu style.css (al inicio)
   =========================== */

/* LIGHT (300) */
@font-face {
  font-family: "Gotham-Light-Regular";
  src:
    url("../fonts/Gotham-Light-Regular.woff") format("woff"),
    url("../fonts/Gotham Light Regular.otf") format("opentype"),
    url("../fonts/Gotham-Light-Regular.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

/* LIGHT ITALIC (300 italic) */
@font-face {
  font-family: "Gotham-Light-Italic";
  src:
    url("../fonts/Gotham-Light-Italic.woff") format("woff"),
    url("../fonts/Gotham Light Italic.otf") format("opentype"),
    url("../fonts/Gotham-Light-Italic.ttf") format("truetype");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}

/* BOOK / REGULAR (400) */
@font-face {
  font-family: "Gotham-Book";
  src:
    url("../fonts/Gotham-Book.woff") format("woff"),
    url("../fonts/Gotham Book.otf") format("opentype"),
    url("../fonts/Gotham-Book.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

/* BOLD (700) */
@font-face {
  font-family: "Gotham-Bold";
  src:
    url("../fonts/Gotham-Bold.woff") format("woff"),
    url("../fonts/Gotham Bold.otf") format("opentype"),
    url("../fonts/Gotham-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}