/* Desktop-only proposal: keep the shared alignment, relax the narrow canvas. */
@media (min-width: 1181px) {
  body {
    --desktop-content-width: min(90%, 1560px);
    --desktop-content-gutter: max(5%, calc((100% - 1560px) / 2));
  }
}

/* A clear label for the featured blog article. */
.pHomeBlog .featuredFamilyArticle .articleKind {
  margin: 0 0 6px;
  font: 11px/1.5 Arial, sans-serif;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  color: #68542d;
}

@media (min-width: 761px) {
  /* Keep the blog introduction, featured title and reading link together. */
  .pHomeBlog > h2 { margin-bottom: 16px; }
  .pHomeBlog > p:not(.etiqueta) { margin-bottom: 8px; }
  .pHomeBlog .articulos { margin: 8px 0 20px; gap: 22px 28px; }
  .pHomeBlog .articulos > a.featuredFamilyArticle { padding: 0 0 12px !important; }
  .pHomeBlog .articulos > a.featuredFamilyArticle h3 { margin-bottom: 8px; }

  /* Reduce stacked gaps in the biography without changing its text. */
  body[data-page="sobre-mi"] main > .innerHero { padding-bottom: 18px !important; }
  body[data-page="sobre-mi"] .aboutNav { padding-top: 12px; padding-bottom: 14px; }
  body[data-page="sobre-mi"] .aboutBiography > .aboutChapter { padding-top: 26px; padding-bottom: 26px; }
  body[data-page="sobre-mi"] .aboutBiography .aboutChapterHeading { margin-bottom: 16px; }

  /* A shorter transition from the workshop catalogue to its questions. */
  body[data-page="servicios"] .serviceCatalogue { margin-bottom: 22px; }
  body[data-page="servicios"] main > .pageBand { padding-top: 24px !important; padding-bottom: 32px !important; }
  body[data-page="servicios"] main > .pageBand > .eyebrow { margin-bottom: 12px; }
  body[data-page="servicios"] main > .pageBand > h2 { margin-bottom: 18px; }
  body[data-page="servicios"] .pageBand .aboutWorkingCopy { max-width: 84ch; }
  body[data-page="servicios"] .pageBand .aboutWorkingCopy h3 { margin-top: 24px; margin-bottom: 12px; }
  body[data-page="servicios"] .pageBand .aboutWorkingCopy h3:first-child { margin-top: 0; }
  body[data-page="servicios"] .pageBand .aboutWorkingCopy p { margin-top: 0; margin-bottom: 20px; }
}

@media (min-width: 1181px) {
  /* The portrait belongs beside the introduction, not at the far page edge. */
  body[data-page="home"] .pHomeIntro {
    grid-template-columns: minmax(0, 800px) 250px;
    column-gap: 40px;
    justify-content: start;
  }
  .pHomeIntro .huellas { margin-top: 14px; padding-top: 14px; margin-bottom: 18px; }
  .pHomeIntro .pHomeIllustrated { margin-bottom: 10px; }
  body[data-page="sobre-mi"] main > .innerHero {
    grid-template-columns: minmax(0, 800px) 280px !important;
    column-gap: 40px !important;
    justify-content: start;
  }

  /* Fixed heading measure: no unused half-column between title and copy. */
  body[data-page="el-libro"] main > section.storyChapter {
    grid-template-columns: minmax(0, 420px) minmax(0, 1fr);
    column-gap: 40px;
    padding-top: 32px !important;
    padding-bottom: 32px !important;
  }
  body[data-page="el-libro"] .storyChapter .chapterCopy { max-width: 84ch; }
}

/* Requested white-paper card, with the same fine edge as the other blog mounts. */
.pHomeBlog .articulos > a.featuredFamilyArticle {
  background: #fffaf0 !important;
  border: 1px solid #b49a6250 !important;
  border-radius: 7px;
  padding: 22px 28px !important;
}
@media (max-width: 760px) {
  .pHomeBlog .articulos > a.featuredFamilyArticle {
    padding: 20px !important;
  }
}

/* About: centre the complete reading column, not the individual paragraphs. */
@media (min-width: 761px) {
  body[data-page="sobre-mi"] main > .aboutNav,
  body[data-page="sobre-mi"] main > .aboutBiography {
    max-width: 1080px;
    margin-left: auto;
    margin-right: auto;
  }
  body[data-page="sobre-mi"] main .aboutBiography .aboutChapterCopy,
  body[data-page="sobre-mi"] .aboutBiography .aboutChapterHeading h2 {
    max-width: none;
  }
  body[data-page="sobre-mi"] main > .innerHero {
    grid-template-columns: minmax(0, 760px) 280px !important;
    column-gap: 40px !important;
    justify-content: center;
  }
}

/* The proposal uses the same close title-and-copy rhythm as the book. */
@media (min-width: 1181px) {
  body[data-page="cuentoterapia-social"] main > section.storyChapter {
    max-width: 1280px;
    grid-template-columns: minmax(0, 420px) minmax(0, 1fr);
    column-gap: 40px;
  }
}