/* Colección Montés — Tipografía
   Dos familias, nunca más de dos pesos por pieza.
   Titulares en sentence case. ALL CAPS sólo en eyebrows/etiquetas 10–11px. */

:root {
  /* Familias */
  --font-display: "Albula Pro", "Times New Roman", serif; /* titulares + cuerpo editorial */
  --font-sans: "Core Sans A", "Helvetica Neue", Arial, sans-serif; /* eyebrows, etiquetas, CTAs */
  --font-rounded: "Baloo 2", "Baloo", sans-serif; /* voz secundaria: captions sobre foto en posts sociales — ver guidelines/brand-post-formats.card.html */

  /* Pesos */
  --weight-display-regular: 400;
  --weight-display-extrabold: 800;
  --weight-sans-thin: 100;
  --weight-sans-light: 300;
  --weight-sans-regular: 400;
  --weight-sans-medium: 500;
  --weight-sans-bold: 700;

  /* Escala tipográfica (px) — pensada para 1080px de lienzo social */
  --fs-display-xl: 72px;  /* titular grande máx */
  --fs-display-lg: 56px;
  --fs-display-md: 40px;  /* titular medio */
  --fs-display-sm: 30px;
  --fs-body-lg: 19px;
  --fs-body: 16px;        /* cuerpo */
  --fs-body-sm: 14px;
  --fs-caption: 12px;     /* caption / nota */
  --fs-eyebrow: 11px;     /* eyebrow / etiqueta */

  /* Interlineado */
  --lh-display: 1.04;     /* @kind font */
  --lh-display-soft: 1.12; /* @kind font */
  --lh-body: 1.75;        /* @kind font */
  --lh-eyebrow: 1.2;      /* @kind font */

  /* Tracking */
  --ls-display: -0.01em;  /* tracking normal/levemente cerrado */
  --ls-body: 0em;
  --ls-eyebrow: 0.16em;   /* tracking muy amplio 0.14–0.18em */
  --ls-eyebrow-wide: 0.22em;
}

/* ---- Clases utilitarias de specimen ---- */
.t-eyebrow {
  font-family: var(--font-sans);
  font-weight: var(--weight-sans-light);
  font-size: var(--fs-eyebrow);
  letter-spacing: var(--ls-eyebrow);
  line-height: var(--lh-eyebrow);
  text-transform: uppercase;
}
.t-display {
  font-family: var(--font-display);
  font-weight: var(--weight-display-extrabold);
  font-size: var(--fs-display-lg);
  line-height: var(--lh-display);
  letter-spacing: var(--ls-display);
}
.t-display-soft {
  font-family: var(--font-display);
  font-weight: var(--weight-display-regular);
  font-size: var(--fs-display-md);
  line-height: var(--lh-display-soft);
  letter-spacing: var(--ls-display);
}
.t-title {
  font-family: var(--font-display);
  font-weight: var(--weight-display-extrabold);
  font-size: var(--fs-display-md);
  line-height: var(--lh-display-soft);
}
.t-body {
  font-family: var(--font-display);
  font-weight: var(--weight-display-regular);
  font-size: var(--fs-body);
  line-height: var(--lh-body);
}
.t-body-sans {
  font-family: var(--font-sans);
  font-weight: var(--weight-sans-regular);
  font-size: var(--fs-body);
  line-height: var(--lh-body);
}
.t-cta {
  font-family: var(--font-sans);
  font-weight: var(--weight-sans-medium);
  font-size: var(--fs-body-sm);
  letter-spacing: 0.04em;
  text-transform: uppercase;
}
.t-caption {
  font-family: var(--font-sans);
  font-weight: var(--weight-sans-light);
  font-size: var(--fs-caption);
  line-height: 1.5;
}
/* Redondeada — sólo para captions de foto en piezas sociales, nunca para titulares de marca */
.t-rounded-caption {
  font-family: var(--font-rounded);
  font-weight: 500;
  font-size: var(--fs-body-lg);
  line-height: 1.3;
}
.t-rounded-statement {
  font-family: var(--font-rounded);
  font-weight: 700;
  font-size: var(--fs-display-sm);
  line-height: 1.15;
  text-transform: uppercase;
}