/**
 * Contenido (core/post-content): columna de lectura del blog, contenido de
 * sedes y grupos y contenido clásico de entradas y páginas.
 *
 * Las entradas se leen a 19 px con interlineado amplio (el tamaño y el color
 * van en los atributos del bloque, en templates/single.html). theme.json no
 * puede dar interlineado ni tamaños de encabezado distintos al contenido de
 * las entradas sin cambiar también el de las páginas, que usan los H2
 * grandes de sección.
 *
 * El contenido escrito con el editor clásico (la web anterior tiene mucho)
 * trae elementos sin las reglas de los bloques: <pre> sin cortes de línea e
 * imágenes con pie ([caption]) de ancho fijo en línea. Sin estas reglas
 * desbordan la columna (comprobado con Theme Unit Test).
 */

.wp-block-post-content {
	overflow-wrap: break-word;

	& :where(pre) {
		overflow-x: auto;
	}

	& :where(.wp-caption) {
		max-inline-size: 100%;
	}

	& :where(img) {
		max-inline-size: 100%;
		block-size: auto;
	}

	/* Formulario de las entradas protegidas con contraseña: el núcleo lo
	   pinta sin estilos; el campo sigue al de los buscadores. */
	& :where(.post-password-form input[type="password"]) {
		box-sizing: border-box;
		block-size: 52px;
		margin-inline: 8px;
		padding: 0 18px;
		border: 1.5px solid var(--wp--preset--color--borde-campo);
		border-radius: var(--wp--preset--border-radius--pildora);
		background: var(--wp--preset--color--fondo);
		color: var(--wp--preset--color--texto);
		font: inherit;
	}

	& :where(.post-password-form input[type="password"]:focus-visible) {
		outline: 3px solid var(--wp--custom--foco);
		outline-offset: 3px;
	}
}

/* Páginas: separación de la cabecera de página y del pie. Si el contenido
   empieza o acaba con una sección a todo el ancho (patrones de las páginas
   institucionales), la sección ya lleva su relleno y la banda debe tocar la
   cabecera de página o el pie. */
.fermento-contenido-pagina {
	padding-block: var(--wp--preset--spacing--60) var(--wp--preset--spacing--70);

	&:has(> :where(.fermento-seccion):first-child) {
		padding-block-start: 0;
	}

	/* La portada empieza con su cabecera con foto, pegada a la del sitio. */
	&:has(> :where(.fermento-portada):first-child) {
		padding-block-start: 0;
	}

	&:has(> :where(.fermento-seccion):last-child) {
		padding-block-end: 0;
	}
}

.fermento-entrada__contenido {
	line-height: 1.75;

	& :where(h2) {
		margin-block-start: 48px;
		font-size: var(--wp--preset--font-size--subseccion);
		line-height: 1.15;
	}

	& :where(h3) {
		margin-block-start: 40px;
		font-size: var(--wp--preset--font-size--tarjeta);
		line-height: 1.2;
	}
}

/* Contenido de sedes y grupos (columna principal): texto de lectura y H2
   de subsección, más pequeños que los H2 de sección de las páginas. */
.fermento-contenido-columna {
	color: var(--wp--preset--color--texto-lectura);
	font-size: var(--wp--preset--font-size--grande);
	line-height: 1.7;

	& :where(h2) {
		margin-block-start: 48px;
		font-size: var(--wp--preset--font-size--subseccion);
		line-height: 1.1;
	}

	& :where(h2:first-child) {
		margin-block-start: 0;
	}
}