/**
 * Portada (core/cover): cabecera del inicio («Portada: cabecera con foto»).
 *
 * theme.json no tiene ajustes de relleno ni de alto propios de una
 * variación de la portada, y el patrón no escribe atributos style a mano
 * (CLAUDE.md, sección 9): el alto mínimo y los rellenos van aquí. El
 * contenido queda arriba y las cifras abajo, separadas por un hueco que
 * crece con la pantalla, como en el diseño. Sobre el velo azul, el foco
 * pasa a naranja.
 */

.fermento-portada {
	--wp--custom--foco: var(--wp--custom--foco-sobre-marca);
	align-items: stretch;
	min-block-size: min(88svh, 900px);
	margin-block: 0;
	padding-block: clamp(64px, 9vw, 140px) clamp(32px, 4vw, 56px);
	padding-inline: var(--wp--preset--spacing--margen);

	& > :where(.wp-block-cover__inner-container) {
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		gap: clamp(56px, 8vw, 120px);
	}

	/* En una columna flexible, los márgenes automáticos del diseño
	   restringido encogerían cada hijo a su contenido: se fija el ancho y
	   el tope lo sigue poniendo «ancho amplio» (1280 px). */
	& > :where(.wp-block-cover__inner-container) > * {
		box-sizing: border-box;
		inline-size: 100%;
		margin-block: 0;
	}
}

.fermento-portada__contenido {

	& > * {
		margin-block: 0;
	}

	& > * + * {
		margin-block-start: 28px;
	}

	& > :where(.wp-block-buttons) {
		margin-block-start: 36px;
	}
}

.fermento-portada__entradilla {
	max-inline-size: 36em;
}