/* ============================================================
   Studio Quattro — Webfonts
   Founders Grotesk  → grotesca moderna (títulos, branding, UI)
   Alga              → serif editorial (frases, conceptos, destacados)
   ============================================================ */

/* ---------- Founders Grotesk ---------- */
@font-face {
  font-family: "Founders Grotesk";
  src: url("../assets/fonts/FoundersGrotesk-Light.otf") format("opentype");
  font-weight: 300; font-style: normal; font-display: swap;
}
@font-face {
  font-family: "Founders Grotesk";
  src: url("../assets/fonts/FoundersGrotesk-LightItalic.otf") format("opentype");
  font-weight: 300; font-style: italic; font-display: swap;
}
@font-face {
  font-family: "Founders Grotesk";
  src: url("../assets/fonts/FoundersGrotesk-Regular.otf") format("opentype");
  font-weight: 400; font-style: normal; font-display: swap;
}
@font-face {
  font-family: "Founders Grotesk";
  src: url("../assets/fonts/FoundersGrotesk-RegularItalic.otf") format("opentype");
  font-weight: 400; font-style: italic; font-display: swap;
}
@font-face {
  font-family: "Founders Grotesk";
  src: url("../assets/fonts/FoundersGrotesk-Medium.otf") format("opentype");
  font-weight: 500; font-style: normal; font-display: swap;
}
@font-face {
  font-family: "Founders Grotesk";
  src: url("../assets/fonts/FoundersGrotesk-MediumItalic.otf") format("opentype");
  font-weight: 500; font-style: italic; font-display: swap;
}
@font-face {
  font-family: "Founders Grotesk";
  src: url("../assets/fonts/FoundersGrotesk-Semibold.otf") format("opentype");
  font-weight: 600; font-style: normal; font-display: swap;
}
@font-face {
  font-family: "Founders Grotesk";
  src: url("../assets/fonts/FoundersGrotesk-SemiboldItalic.otf") format("opentype");
  font-weight: 600; font-style: italic; font-display: swap;
}
@font-face {
  font-family: "Founders Grotesk";
  src: url("../assets/fonts/FoundersGrotesk-Bold.otf") format("opentype");
  font-weight: 700; font-style: normal; font-display: swap;
}
@font-face {
  font-family: "Founders Grotesk";
  src: url("../assets/fonts/FoundersGrotesk-BoldItalic.otf") format("opentype");
  font-weight: 700; font-style: italic; font-display: swap;
}

/* ---------- Founders Grotesk Condensed (light) ---------- */
@font-face {
  font-family: "Founders Grotesk Cond";
  src: url("../assets/fonts/FoundersGroteskCond-Lt.otf") format("opentype");
  font-weight: 300; font-style: normal; font-display: swap;
}
/* ---------- Founders Grotesk X-Condensed (bold) — big display ---------- */
@font-face {
  font-family: "Founders Grotesk XCond";
  src: url("../assets/fonts/FoundersGroteskXCond-Bold.otf") format("opentype");
  font-weight: 700; font-style: normal; font-display: swap;
}

/* ---------- Alga (serif editorial) ---------- */
@font-face {
  font-family: "Alga";
  src: url("../assets/fonts/Alga-Extralight.otf") format("opentype");
  font-weight: 200; font-style: normal; font-display: swap;
}
@font-face {
  font-family: "Alga";
  src: url("../assets/fonts/Alga-Light.otf") format("opentype");
  font-weight: 300; font-style: normal; font-display: swap;
}
@font-face {
  font-family: "Alga";
  src: url("../assets/fonts/Alga-LightItalic.otf") format("opentype");
  font-weight: 300; font-style: italic; font-display: swap;
}
@font-face {
  font-family: "Alga";
  src: url("../assets/fonts/Alga-Regular.otf") format("opentype");
  font-weight: 400; font-style: normal; font-display: swap;
}
@font-face {
  font-family: "Alga";
  src: url("../assets/fonts/Alga-RegularItalic.otf") format("opentype");
  font-weight: 400; font-style: italic; font-display: swap;
}
@font-face {
  font-family: "Alga";
  src: url("../assets/fonts/Alga-Medium.otf") format("opentype");
  font-weight: 500; font-style: normal; font-display: swap;
}
@font-face {
  font-family: "Alga";
  src: url("../assets/fonts/Alga-MediumItalic.otf") format("opentype");
  font-weight: 500; font-style: italic; font-display: swap;
}
@font-face {
  font-family: "Alga";
  src: url("../assets/fonts/Alga-Semibold.otf") format("opentype");
  font-weight: 600; font-style: normal; font-display: swap;
}
@font-face {
  font-family: "Alga";
  src: url("../assets/fonts/Alga-Bold.otf") format("opentype");
  font-weight: 700; font-style: normal; font-display: swap;
}
@font-face {
  font-family: "Alga";
  src: url("../assets/fonts/Alga-BoldItalic.otf") format("opentype");
  font-weight: 700; font-style: italic; font-display: swap;
}