h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: var(--td-font-serif);
  color: var(--td-color-green-deep);
  line-height: var(--td-line-height-heading);
  font-weight: 700;
  margin-top: 0;
  margin-bottom: 0.5em;
  text-wrap: balance;
}

h1 {
  font-size: var(--td-font-size-2xl);
  line-height: var(--td-line-height-tight);
}

h2 {
  font-size: var(--td-font-size-xl);
}

h3 {
  font-size: var(--td-font-size-lg);
}

h4 {
  font-size: var(--td-font-size-md);
}

p {
  margin-top: 0;
  margin-bottom: var(--td-space-md);
  max-width: 72ch;
}

p:last-child {
  margin-bottom: 0;
}

/* Clases Tipográficas de Presentación */
.td-eyebrow {
  text-transform: uppercase;
  font-family: var(--td-font-sans);
  font-size: var(--td-font-size-xs);
  letter-spacing: 0.12em;
  color: var(--td-color-gold);
  font-weight: 700;
  margin-bottom: var(--td-space-xs);
  display: block;
}

.td-display {
  font-family: var(--td-font-serif);
  font-size: var(--td-font-size-hero);
  line-height: 1.05;
  color: var(--td-color-green-deep);
}

.td-heading-1 {
  font-size: var(--td-font-size-2xl);
}

.td-heading-2 {
  font-size: var(--td-font-size-xl);
}

.td-heading-3 {
  font-size: var(--td-font-size-lg);
}

.td-lead {
  font-size: var(--td-font-size-md);
  color: var(--td-color-text-soft);
  line-height: 1.5;
  max-width: 64ch;
}

.td-body-large {
  font-size: var(--td-font-size-md);
}

.td-caption {
  font-size: var(--td-font-size-xs);
  color: var(--td-color-text-soft);
}

.td-meta {
  font-size: var(--td-font-size-sm);
  color: var(--td-color-text-soft);
}