/* ═══════════════════════════════════════════════════════════════════════════
   ROMANO & LANZAGORTA ASOCIADOS
   03 · Tipografia
   Dos familias. Cormorant Garamond enuncia; Inter informa.
   Regla del sistema: nunca una tercera familia, nunca Cormorant en negra,
   nunca Inter por encima de 24px salvo cifras tabulares del folio.
   ═══════════════════════════════════════════════════════════════════════════ */

/* ── Cormorant Garamond ─────────────────────────────────────────────────── */

@font-face {
  font-family: "Cormorant Garamond";
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url("../assets/fonts/cormorant-garamond-latin-300-normal.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
                 U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC,
                 U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: "Cormorant Garamond";
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url("../assets/fonts/cormorant-garamond-latin-ext-300-normal.woff2") format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF,
                 U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: "Cormorant Garamond";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../assets/fonts/cormorant-garamond-latin-400-normal.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
                 U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC,
                 U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: "Cormorant Garamond";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../assets/fonts/cormorant-garamond-latin-ext-400-normal.woff2") format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF,
                 U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: "Cormorant Garamond";
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url("../assets/fonts/cormorant-garamond-latin-400-italic.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
                 U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC,
                 U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* ── Inter ──────────────────────────────────────────────────────────────── */

@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url("../assets/fonts/inter-latin-300-normal.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
                 U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC,
                 U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../assets/fonts/inter-latin-400-normal.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
                 U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC,
                 U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../assets/fonts/inter-latin-ext-400-normal.woff2") format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF,
                 U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("../assets/fonts/inter-latin-500-normal.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
                 U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC,
                 U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* ── Base ───────────────────────────────────────────────────────────────── */

body {
  font-family: var(--texto);
  font-size: var(--t-cuerpo);
  font-weight: 400;
  line-height: var(--l-cuerpo);
  color: var(--tinta);
  background: var(--blanco);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-feature-settings: "kern" 1, "liga" 1;
  text-rendering: optimizeLegibility;
}

/* ── Clases de enunciado (Cormorant) ────────────────────────────────────── */

.d-xxl, .d-xl, .d-l, .d-m, .d-s {
  font-family: var(--display);
  font-weight: 300;
  color: var(--tinta);
  font-feature-settings: "kern" 1, "liga" 1;
}

.d-xxl { font-size: var(--t-display-xxl); line-height: var(--l-display-ceñido); letter-spacing: var(--k-display-xxl); }
.d-xl  { font-size: var(--t-display-xl);  line-height: 1.075;                  letter-spacing: var(--k-display-xl); }
.d-l   { font-size: var(--t-display-l);   line-height: var(--l-display);       letter-spacing: var(--k-display-l); }
.d-m   { font-size: var(--t-display-m);   line-height: 1.30;                   letter-spacing: var(--k-display-m); font-weight: 400; }
.d-s   { font-size: var(--t-display-s);   line-height: 1.36;                   letter-spacing: 0.004em; font-weight: 500; }

.d-italica { font-style: italic; font-weight: 400; }

/* ── Clases de informacion (Inter) ──────────────────────────────────────── */

.lead {
  font-family: var(--texto);
  font-size: var(--t-lead);
  font-weight: 300;
  line-height: var(--l-lead);
  color: var(--gris);
  letter-spacing: -0.002em;
  max-width: var(--medida-lead);
}

.cuerpo {
  font-size: var(--t-cuerpo);
  line-height: var(--l-cuerpo);
  color: var(--tinta);
  max-width: var(--medida-cuerpo);
}

.cuerpo + .cuerpo { margin-top: 1.55em; }

.cuerpo--gris { color: var(--gris); }

.menor {
  font-size: var(--t-menor);
  line-height: 1.72;
  color: var(--gris);
}

.rotulo {
  display: block;
  font-family: var(--texto);
  font-size: var(--t-rotulo);
  font-weight: 500;
  line-height: 1.4;
  letter-spacing: var(--k-rotulo);
  text-transform: uppercase;
  color: var(--gris);
  font-variant-numeric: tabular-nums;
}

.rotulo--tinta { color: var(--tinta); }

/* Epigrafe de portada. Va en tinta y con menos interletraje que el menu:
   dos filas identicas de versalitas grises a 11 px se leen como dos menus. */
.rotulo--enc { color: var(--tinta); letter-spacing: var(--k-enc); }

.micro {
  display: block;
  font-family: var(--texto);
  font-size: var(--t-micro);
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: var(--k-micro);
  text-transform: uppercase;
  color: var(--gris);
  font-variant-numeric: tabular-nums;
}

/* Cifras del sistema de folios: la unica excepcion al limite de Inter. */
.cifra {
  font-family: var(--texto);
  font-weight: 300;
  font-variant-numeric: tabular-nums;
  letter-spacing: 0.02em;
  color: var(--gris);
}