/* ===== Base de lectura ===== */
.page-content {
  max-width: 900px;     /* prueba 820–980 según pantalla */
  margin: 0 auto;
  font-family: 'Roboto', system-ui, -apple-system, 'Segoe UI', Helvetica, Arial, sans-serif;
  font-size: 18px;      /* 17 más compacto, 19 más grande */
  line-height: 1.75;
}

/* Aire entre párrafos */
.page-content p {
  margin: 0 0 0.9em;
}

/* ===== Títulos: identidad ===== */
.page-content h1, .page-content h2, .page-content h3,
.page-content h4, .page-content h5, .page-content h6,
.page-title {
  font-family: 'Montserrat', system-ui, -apple-system, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
  font-weight: 600;
  letter-spacing: 0.015em;
}

/* ===== Código ===== */
.page-content code,
.page-content pre {
  font-family: 'JetBrains Mono', 'Fira Code', monospace;
  font-size: 0.95em;
}
.page-content :is(p, li, blockquote, td, th) {
  font: inherit;
}
/* ===== Ajuste de tamaños de títulos ===== */

/* Título principal de la página */
.page-title {
  font-size: 2.2rem;      /* antes era enorme */
  line-height: 1.25;
  margin-bottom: 0.6em;
}

/* Encabezados dentro del contenido */
.page-content h1 {
  font-size: 1.8rem;
  margin-top: 1.6em;
  margin-bottom: 0.6em;
}

.page-content h2 {
  font-size: 1.5rem;
  margin-top: 1.4em;
  margin-bottom: 0.5em;
}

.page-content h3 {
  font-size: 1.25rem;
  margin-top: 1.2em;
  margin-bottom: 0.4em;
}

.page-content h4 {
  font-size: 1.1rem;
}