/*
 * Kommad Contenidos — ficha del pueblo.
 *
 * Bloques kmd/nucleo-*: cifras, servicios, teléfonos, secciones relacionadas.
 *
 * 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).
 */

/* Cifras: pares etiqueta/valor en lista de definiciones, no en tabla. */
.kmd-cifras {
	display: flex;
	flex-wrap: wrap;
	gap: var(--wp--preset--spacing--50);
	margin: var(--wp--preset--spacing--40) 0 var(--wp--preset--spacing--30);
	padding: var(--kmd-esp-caja, var(--wp--preset--spacing--40));
	background-color: var(--kmd-acento-claro);
	border-radius: var(--kmd-radio-medio, 4px);
}

.kmd-cifra dt {
	font-size: var(--wp--preset--font-size--texto-pequeno);
	color: var(--wp--preset--color--texto);
	margin: 0;
}

.kmd-cifra dd {
	margin: 0;
	font-family: var(--wp--preset--font-family--titulares);
	font-size: var(--wp--preset--font-size--titular-3);
	font-weight: 700;
	letter-spacing: -0.02em;
	line-height: 1.1;
	color: var(--kmd-acento-oscuro);
}

.kmd-fuente {
	font-size: var(--wp--preset--font-size--texto-pequeno);
	color: var(--wp--preset--color--texto-suave);
	margin-block: 0 var(--wp--preset--spacing--50);
}

.kmd-servicios {
	list-style: none;
	padding: 0;
	margin: 0;
	display: flex;
	flex-wrap: wrap;
	gap: var(--wp--preset--spacing--20) var(--wp--preset--spacing--30);
}

.kmd-servicios li {
	border: 1px solid var(--wp--preset--color--texto-suave);
	border-radius: 999px;
	padding: 6px 16px;
	font-size: var(--wp--preset--font-size--texto-pequeno);
}

.kmd-telefonos {
	list-style: none;
	padding: 0;
	margin: 0;
}

.kmd-telefonos li {
	display: flex;
	flex-wrap: wrap;
	gap: 0 var(--wp--preset--spacing--30);
	padding-block: 8px;
	border-bottom: 1px solid var(--wp--preset--color--fondo-medio);
}

.kmd-telefonos li span {
	min-width: 12em;
	color: var(--wp--preset--color--texto);
}

.kmd-nota-despoblado {
	border-left: 4px solid var(--wp--preset--color--borde);
	padding-left: var(--wp--preset--spacing--30);
	color: var(--wp--preset--color--texto);
	font-style: italic;
}

/* Qué ver, Rutas, Dónde dormir y comer: una sección debajo de otra, al
   ancho del texto (alineadas con el título y el mapa), con sus tarjetas en
   rejilla (la del listado). El ancho amplio se probó el 01/10/2026: quedaba
   desalineado con el resto de la ficha. Se revisará en la sesión de diseño. */
/* Con caja amplia o fluida, las secciones de tarjetas ocupan la caja entera. */
.is-layout-constrained > .kmd-relacionados {
	max-width: var(--wp--style--global--wide-size, 1200px);
}

.kmd-relacionados {
	display: grid;
	/* 1,5 veces la separación entre secciones: 36 px con la de partida. */
	gap: calc(var(--kmd-esp-seccion, 1.5rem) * 1.5);
}

.kmd-relacionado .kmd-subtitulo {
	margin-top: 0;
}

.kmd-relacionado .kmd-listado-lista {
	margin-top: var(--wp--preset--spacing--30);
}

.kmd-pendiente {
	font-size: var(--wp--preset--font-size--texto-pequeno);
	color: var(--wp--preset--color--texto-suave);
}

.kmd-otra-vista {
	margin-top: var(--wp--preset--spacing--50);
	font-family: var(--wp--preset--font-family--titulares);
	font-weight: 600;
}