/* ===== PAGINA =====
 * Maqueta de las paginas con plantilla por omision. La prosa del contenido no
 * esta aqui: la comparte con la entrada en assets/css/prose.css.
 *
 * El ancho es el de la columna del articulo, no el del contenedor completo:
 * una pagina es texto para leer y no tiene sidebar que ocupe la otra columna. */

body.page .fz-page {
  padding: var(--fz-single-page-space) var(--fz-single-mobile-gutter);
}

.fz-page__inner {
  width: 100%;
  max-width: var(--fz-single-article);
  margin-inline: auto;
}

.fz-page__post,
.fz-page__header {
  display: flex;
  flex-direction: column;
  gap: var(--fz-single-stack-gap);
  min-width: 0;
}

/* Astra pone padding, fondo y borde a .ast-article-single; la pagina no los
   quiere porque el ancho ya lo da .fz-page__inner. */
body.page .fz-page article.fz-page__post {
  margin: 0;
  padding: 0;
  background: transparent;
  border: 0;
  border-radius: 0;
  box-shadow: none;
}

body.page .fz-page .fz-page__title {
  margin: 0;
  color: var(--fz-heading);
  font-family: var(--fz-font);
  font-size: var(--fz-single-title-size);
  font-weight: var(--fz-font-weight-bold);
  line-height: var(--fz-single-title-line);
}

body.page .fz-page .fz-page__pages {
  display: flex;
  gap: var(--fz-control-column-gap);
  margin-top: var(--fz-single-stack-gap);
}

@media (max-width: 1024px) {
  body.page .fz-page {
    padding-top: var(--fz-single-page-space-mobile);
    padding-bottom: var(--fz-single-page-space-mobile);
  }
  body.page .fz-page .fz-page__title {
    font-size: var(--fz-single-title-size-mobile);
    line-height: var(--fz-single-title-line-mobile);
  }
}