/**
 * Imagen (core/image): logo de la cabecera, del menú completo y del pie,
 * foto de la página 404 y fotos de las secciones de las páginas
 * institucionales (retrato grande de la banda oscura, fotos redondas de las
 * tarjetas de personas) y de la portada (actividades, tarjetas con foto).
 *
 * El logo no debe encogerse dentro de la barra flexible de la cabecera ni
 * llevar el margen inferior que el núcleo da a las figuras, y la foto del
 * 404 se recorta a un alto fluido junto al texto. theme.json no distingue
 * estas imágenes del resto.
 */

.fermento-cabecera__logo,
.fermento-pie__logo {
	flex-shrink: 0;
	margin: 0;

	& img {
		display: block;
	}
}

/* Foto de la página 404: comparte fila con el texto y se recorta a un alto
   fluido, como en el diseño. */
.fermento-error__foto {
	flex: 1 1 320px;
	min-inline-size: 0;
	margin: 0;

	& img {
		display: block;
		inline-size: 100%;
		block-size: clamp(280px, 34vw, 460px);
		object-fit: cover;
	}
}

/* ===== Secciones de las páginas institucionales ===== */

/* «Banda oscura con foto»: foto grande junto al texto, recortada a un alto
   fluido y centrada algo por encima de la mitad (los retratos). */
.fermento-foto-texto__foto {
	flex: 1 1 300px;
	min-inline-size: 0;
	margin: 0;

	& img {
		display: block;
		inline-size: 100%;
		block-size: clamp(400px, 42vw, 560px);
		border-radius: var(--wp--preset--border-radius--grande);
		object-fit: cover;
		object-position: center 25%;
	}
}

/* «Tarjetas de personas»: foto redonda de 96 px. */
.fermento-persona__foto {
	flex: none;
	margin: 0;

	& img {
		display: block;
		inline-size: 96px;
		block-size: 96px;
		border-radius: 50%;
		object-fit: cover;
	}
}

/* «Imagen ancha»: alto fluido de 260 a 480 px, recortada. */
.fermento-imagen-ancha {
	margin-block: 0;

	& img {
		display: block;
		inline-size: 100%;
		block-size: clamp(260px, 36vw, 480px);
		border-radius: var(--wp--preset--border-radius--grande);
		object-fit: cover;
	}
}

/* «Filas de foto y texto»: foto de alto fluido (240–380 px), recortada. */
.fermento-fila__foto {
	flex: 1 1 380px;
	min-inline-size: 0;
	margin: 0;

	& img {
		display: block;
		inline-size: 100%;
		block-size: clamp(240px, 28vw, 380px);
		border-radius: var(--wp--preset--border-radius--grande);
		object-fit: cover;
	}
}

/* ===== Portada ===== */

/* «Próximas actividades»: foto bajo el texto, recortada a un alto fluido. */
.fermento-actividades__foto {
	margin: 0;

	& img {
		display: block;
		inline-size: 100%;
		block-size: clamp(200px, 20vw, 280px);
		border-radius: var(--wp--preset--border-radius--grande);
		object-fit: cover;
	}
}

/* «Tarjetas con foto»: todas las fotos con la misma proporción. */
.fermento-tarjeta-foto__foto {
	inline-size: 100%;
	margin: 0;

	& img {
		display: block;
		inline-size: 100%;
		block-size: auto;
		aspect-ratio: 4 / 3;
		border-radius: var(--wp--preset--border-radius--tarjeta-pequena);
		object-fit: cover;
	}
}