/*
 * Kommad Contenidos — piezas comunes de las fichas.
 *
 * Entradilla, subtítulos, separación entre secciones e información
 * práctica. Las usan las fichas de pueblo, ruta y lugar y la noticia con
 * evento; se carga con cualquier bloque kmd/*.
 *
 * Colores: huecos de la paleta y variables --kmd-acento* del tema. Esquinas,
 * sombras, bordes y densidad: variables --kmd-* de Kommad Base (base.css,
 * sección 0 bis), siempre con respaldo, para que el bloque funcione con
 * cualquier tema. Hasta la 0.16 estos estilos estaban en el tema (Kommad
 * Base 0.4, base.css, secciones 4 y 5).
 */

.kmd-entradilla {
	font-size: var(--wp--preset--font-size--titular-5);
	line-height: 1.5;
	color: var(--wp--preset--color--titulo);
	margin-block: var(--wp--preset--spacing--40);
}

@media (min-width: 1100px) {
	.kmd-entradilla {
		font-size: 22px;
	}
}

.kmd-subtitulo {
	margin-block: var(--wp--preset--spacing--50) var(--wp--preset--spacing--30);
}

.kmd-ruta-seccion {
	margin-block: var(--kmd-esp-seccion, var(--wp--preset--spacing--50));
}

/* Información práctica: pares dato/valor. La usan la ruta, el lugar
   (datos de la visita) y la noticia con evento. */
.kmd-ruta-practica {
	margin: 0;
}

.kmd-ruta-practica > div {
	display: grid;
	gap: 0 var(--wp--preset--spacing--40);
	padding-block: var(--wp--preset--spacing--30);
	border-bottom: 1px solid var(--wp--preset--color--fondo-medio);
}

@media (min-width: 768px) {
	.kmd-ruta-practica > div {
		grid-template-columns: 14em 1fr;
	}
}

.kmd-ruta-practica dt {
	font-weight: 700;
}

.kmd-ruta-practica dd {
	margin: 0;
}