@import url('fonts.css');
h1, h2, h3, h4, h5, h6 {
  font-family: var(--font-titulares);
  font-weight: 600;
  color: var(--tinta);
  margin-bottom: var(--espacio-3);
}

h1 {
  font-size: 36px;
  line-height: 1.05;
}

h2 {
  font-size: 28px;
}

h3 {
  font-size: 20px;
  font-weight: 500;
}

p {
  max-width: 66ch; /* Ancho máximo de lectura */
  margin-bottom: var(--espacio-2);
}

.cuerpo-destacado {
  font-size: 21px;
  line-height: 1.5;
}

.etiqueta {
  font-family: var(--font-cuerpo);
  font-size: 15px;
  font-weight: 700;
  font-variant-caps: all-small-caps;
  letter-spacing: 0.1em;
  text-transform: lowercase;
}

.cifra-grande {
  font-family: var(--font-titulares);
  font-weight: 600;
  font-size: 52px;
  line-height: 1.1;
  color: var(--encinar);
}

@media (min-width: 768px) {
  h1 { font-size: 64px; }
  h2 { font-size: 42px; }
  h3 { font-size: 26px; }
  body { font-size: 19px; }
  .cuerpo-destacado { font-size: 23px; }
  .cifra-grande { font-size: 88px; }
}