/* ==========================================================================
   Páginas internas — Cabecera (page-hero).
   Hero ligero en crema: eyebrow + H1 (con itálica dorada) + lead.
   Versión sobria del hero de la home, sin foto ni panel navy.
   ========================================================================== */

.page-hero {
	background: var(--color-cream);
	padding: var(--space-9) 0 var(--space-8);
	border-bottom: 1px solid var(--color-line-soft);
}

@media (min-width: 960px) {
	.page-hero {
		padding: var(--space-10) 0 var(--space-9);
	}
}

.page-hero__eyebrow {
	margin-bottom: 20px;
}

.page-hero__title {
	font-family: var(--font-serif);
	font-weight: 400;
	font-size: var(--fz-h1-hero);
	line-height: var(--lh-tight);
	color: var(--color-navy);
	letter-spacing: var(--ls-heading);
	margin: 0;
	max-width: 20ch;
}

.page-hero__title em {
	font-style: italic;
	color: var(--color-gold);
	font-weight: 400;
}

.page-hero__lead {
	margin-top: var(--space-5);
	max-width: 62ch;
	font-size: var(--fz-lead);
	line-height: var(--lh-long);
	color: var(--color-graphite-soft);
}

.page-hero__lead p {
	color: inherit;
	margin: 0;
}

.page-hero__lead p + p {
	margin-top: 0.7em;
}