/* ====== ARIMO (texto) ====== */
@font-face{
  font-family: "Arimo";
  src: url("/assets/fonts/arimo/Arimo-Regular.ttf") format("truetype");
  font-weight: 400; font-style: normal; font-display: swap;
}
@font-face{
  font-family: "Arimo";
  src: url("/assets/fonts/arimo/Arimo-Italic.ttf") format("truetype");
  font-weight: 400; font-style: italic; font-display: swap;
}
@font-face{
  font-family: "Arimo";
  src: url("/assets/fonts/arimo/Arimo-Medium.ttf") format("truetype");
  font-weight: 500; font-style: normal; font-display: swap;
}
@font-face{
  font-family: "Arimo";
  src: url("/assets/fonts/arimo/Arimo-MediumItalic.ttf") format("truetype");
  font-weight: 500; font-style: italic; font-display: swap;
}
@font-face{
  font-family: "Arimo";
  src: url("/assets/fonts/arimo/Arimo-SemiBold.ttf") format("truetype");
  font-weight: 600; font-style: normal; font-display: swap;
}
@font-face{
  font-family: "Arimo";
  src: url("/assets/fonts/arimo/Arimo-SemiBoldItalic.ttf") format("truetype");
  font-weight: 600; font-style: italic; font-display: swap;
}
@font-face{
  font-family: "Arimo";
  src: url("/assets/fonts/arimo/Arimo-Bold.ttf") format("truetype");
  font-weight: 700; font-style: normal; font-display: swap;
}
@font-face{
  font-family: "Arimo";
  src: url("/assets/fonts/arimo/Arimo-BoldItalic.ttf") format("truetype");
  font-weight: 700; font-style: italic; font-display: swap;
}

/* ====== COOLVETICA (títulos) ======
   Variantes expuestas como familias separadas para elegir en CSS */
@font-face{
  font-family: "Coolvetica";
  src: url("/assets/fonts/coolvetica/Coolvetica Rg.otf") format("opentype");
  font-weight: 400; font-style: normal; font-display: swap;
}
@font-face{
  font-family: "Coolvetica Italic";
  src: url("/assets/fonts/coolvetica/Coolvetica Rg It.otf") format("opentype");
  font-weight: 400; font-style: italic; font-display: swap;
}
@font-face{
  font-family: "Coolvetica Condensed";
  src: url("/assets/fonts/coolvetica/Coolvetica Rg Cond.otf") format("opentype");
  font-weight: 400; font-style: normal; font-display: swap;
}
@font-face{
  font-family: "Coolvetica Compressed";
  src: url("/assets/fonts/coolvetica/Coolvetica Hv Comp.otf") format("opentype");
  font-weight: 700; font-style: normal; font-display: swap;
}
@font-face{
  font-family: "Coolvetica Cram";
  src: url("/assets/fonts/coolvetica/Coolvetica Rg Cram.otf") format("opentype");
  font-weight: 400; font-style: normal; font-display: swap;
}

/* ====== Variables de tipografía para usar en todo el sitio ====== */
:root{
  --font-body: "Arimo", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  --font-head: "Coolvetica", "Coolvetica Condensed", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
}