/*
 * Ajuste final de la portada del blog.
 * La navegación queda centrada respecto del viewport y el bloque editorial
 * queda centrado dentro de su contenedor en escritorio y móvil.
 */

/* La franja de navegación del blog ahora usa el mismo mecanismo que el resto
   del sitio (header-centered.css: flex + .page-links centrado + .page-nav-r
   agrupado a la derecha), así que aquí ya no se redefine su layout. */

.blog-hero {
  overflow: hidden;
}

.blog-hero-inner {
  display: flex;
  width: 100%;
  flex-direction: column;
  align-items: center;
  text-align: center;
}

.blog-hero .eyebrow,
.blog-hero h1,
.blog-hero .lead {
  margin-right: auto;
  margin-left: auto;
}

.blog-hero h1 {
  max-width: 980px;
}

.blog-hero .lead {
  max-width: 820px;
}

.crumbs,
.crumbs ol {
  justify-content: center;
  text-align: center;
}