/* VARIABLES: Ajusta los nombres de font-family */
@font-face {
  font-family: "Telegraf";
  font-style: normal;
  font-weight: 200;
  font-display: swap;
  src: url("../fonts/Telegraf UltraLight 200.woff") format("woff");
}

@font-face {
  font-family: "Telegraf";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../fonts/TelegrafRegular_272984568a25d8528fe2de8b20b29011.woff") format("woff");
}

@font-face {
  font-family: "Telegraf";
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url("../fonts/Telegraf UltraBold 800.woff") format("woff");
}

:root{
  --font-body: "Telegraf", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
}
body, p,
.elementor p, .elementor .elementor-widget-text-editor {
  font-family: var(--font-body);
  font-weight: 200;   /* usa el UltraLight */
}

strong, b {
  font-weight: 800;   /* usa el UltraBold */
}

/* =========================
   HEADINGS – JERARQUÍA BASE
   ========================= */

h1, .h1,
.elementor h1 {
  font-family: "Telegraf";
  font-weight: 800;
  line-height: 1.05;
}

h2, .h2,
.elementor h2 {
  font-family: "Telegraf";
  font-weight: 400;
  line-height: 1.1;
}

h3, .h3,
.elementor h3 {
  font-family: "Telegraf";
  font-weight: 400;
  line-height: 1.15;
}

h4, .h4,
.elementor h4 {
  font-family: "Telegraf";
  font-weight: 200;
}

h5, .h5,
.elementor h5 {
  font-family: "Telegraf";
  font-weight: 200;
}

/* =========================
   MENÚ ELEMENTOR (Nav Menu)
   ========================= */