/**
 * Párrafo (core/paragraph): textos del selector de la familia, del menú
 * completo, del pie, del blog, de la búsqueda, de la página 404, de la
 * tarjeta de contacto de las sedes (iconos de cada dato) y de las secciones
 * de las páginas institucionales (fechas y resúmenes).
 *
 * Son párrafos con un papel concreto dentro de un componente (nombre de una
 * web, etiqueta «Estás aquí», dominio, título de columna enlazado). theme.json
 * no puede darles estilo sin afectar a todos los párrafos, y una variación
 * de bloque no sirve porque cada uno solo aparece en su componente. El
 * enlace del nombre se estira con ::after para que toda la tarjeta sea
 * clicable sin anidar enlaces.
 */

/* ===== Selector de la familia ===== */

.fermento-familia__nombre {
	font-family: var(--wp--preset--font-family--titulares);
	font-size: 18px;
	font-weight: 800;
	line-height: 1.2;

	& a {
		color: var(--wp--preset--color--texto);
		text-decoration: none;
	}

	& a::after {
		content: "";
		position: absolute;
		inset: 0;
		border-radius: inherit;
	}

	& a:where(:hover) {
		text-decoration: underline;
	}
}

.fermento-familia__aqui {
	padding: 2px 8px;
	border: 1px solid color-mix(in srgb, var(--wp--preset--color--acento-texto) 35%, transparent);
	border-radius: var(--wp--preset--border-radius--pildora);
	font-size: 11px;
	font-weight: 700;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: var(--wp--preset--color--acento-texto);
}

.fermento-familia__dominio {
	flex-basis: 100%;
	font-size: var(--wp--preset--font-size--pequeno);
	line-height: 1.45;
	color: var(--wp--preset--color--texto-secundario);
}

/* ===== Menú completo ===== */

.fermento-menu__titulo {
	color: var(--wp--preset--color--acento);

	& a {
		color: inherit;
		text-decoration: none;
	}

	& a:where(:hover) {
		text-decoration: underline;
	}
}

/* ===== Pie ===== */

.fermento-pie__nombre-web {
	font-family: var(--wp--preset--font-family--titulares);
	font-size: var(--wp--preset--font-size--grande);
	font-weight: 800;
	line-height: 1.2;

	& a {
		color: var(--wp--preset--color--sobre-marca);
		text-decoration: none;
	}

	& a::after {
		content: "";
		position: absolute;
		inset: 0;
		border-radius: inherit;
	}

	& a:where(:hover) {
		text-decoration: underline;
	}
}

.fermento-pie__nombre {
	font-family: var(--wp--preset--font-family--titulares);
	font-weight: 800;
	line-height: 1.15;
}

/* ===== Blog ===== */

/* «Lo último ·» y «Leer más» de la entrada destacada; el resto de su estilo
   depende de la tarjeta y está en core-post-template.css. */
.fermento-entradas__leer {
	font-weight: 700;
}

/* ===== Búsqueda ===== */

.fermento-aviso__texto {
	font-size: var(--wp--preset--font-size--grande);
	font-weight: 700;
}

/* ===== Página 404 ===== */

.fermento-error__cifra {
	font-family: var(--wp--preset--font-family--titulares);
	font-weight: 800;
	line-height: 0.85;
	letter-spacing: -0.04em;
}

/* ===== Contacto de la sede ===== */

/* Cada dato lleva su icono en naranja: un ::before con el SVG como máscara
   (assets/img/iconos/), coloreado con «acento». El icono es decorativo. */
.fermento-contacto__dato {
	--fermento-icono-dato: url(../../img/iconos/ubicacion.svg);
	position: relative;
	padding-inline-start: 32px;
	line-height: 1.5;

	&::before {
		content: "";
		position: absolute;
		inset-block-start: 2px;
		inset-inline-start: 0;
		inline-size: 20px;
		block-size: 20px;
		background: var(--wp--preset--color--acento);
		mask: var(--fermento-icono-dato) center / contain no-repeat;
	}

	& a {
		overflow-wrap: anywhere;
		text-decoration: none;
	}

	& a:where(:hover) {
		text-decoration: underline;
	}
}

.fermento-contacto__dato--telefono {
	--fermento-icono-dato: url(../../img/iconos/telefono.svg);
}

.fermento-contacto__dato--email {
	--fermento-icono-dato: url(../../img/iconos/correo.svg);
}

.fermento-contacto__dato--horarios {
	--fermento-icono-dato: url(../../img/iconos/reloj.svg);
}

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

.fermento-foto-texto__fechas {
	font-size: 20px;
	font-weight: 700;
}

.fermento-foto-texto__resumen {
	font-size: var(--wp--preset--font-size--grande);
	line-height: 1.7;
}

.fermento-persona__fechas {
	font-weight: 700;
}

/* «Tarjetas de colores»: frase principal de una tarjeta. */
.fermento-tarjeta-color__destacado {
	color: var(--wp--preset--color--texto);
	font-size: 20px;
	font-weight: 700;
	line-height: 1.5;
}

/* «Filas de foto y texto»: número de cada fila («01»). */
.fermento-fila__numero {
	font-family: var(--wp--preset--font-family--titulares);
	font-size: 20px;
	font-weight: 800;
	line-height: 1;
}