/* ==========================================================================
   Tema realstate · plantillas interiores (P4b, bloque B)
   Fuente: Figma jJVoIe4aGd0lMV9WF71NTC, página «09 · Plantillas interiores» (67:2):
   T3 Quiénes somos 69:44 / 69:267 · T5 Artículo 71:439 / 71:692 · N1, N2, N8-N15.
   Se carga solo fuera de la portada: la home no cambia. Mismo corte (60em) y escala fluida
   375 → 1440 que main.css. Reglas genéricas de maqueta con :where() (especificidad 0).
   ========================================================================== */

:root {
	--t-h1-interior: clamp(2.25rem, 1.986rem + 1.127vw, 3rem);    /* 36 → 48 */
	--t-h2-articulo: 1.875rem;                                    /* 30 en móvil y escritorio (auditoría P3-03) */
	--t-entradilla: clamp(1.125rem, 1.081rem + 0.188vw, 1.25rem); /* 18 → 20 */
	--col-titulo: 480px;
	--col-lectura: 640px;
	--col-indice: 280px;
}

/* --- Bandas (secciones a todo el ancho) --- */
.banda { padding-block: var(--seccion-y); }
.banda--superficie { background: var(--c-fondo-superficie); }
.banda--pagina { background: var(--c-fondo-pagina); }
.banda--compacta { padding-block: var(--space-48); }
@media (min-width: 60em) {
	.banda--compacta { padding-block: var(--space-64); }
}

/* ==========================================================================
   N1 · Migas (67:32)
   ========================================================================== */
.migas__lista {
	display: flex;
	align-items: center;
	column-gap: var(--space-8);
	min-width: 0;
	font-size: 0.875rem;
	line-height: 1.5;
	color: var(--c-texto-suave);
}
.migas__item { display: flex; flex: none; align-items: center; gap: var(--space-8); }
.migas__enlace {
	display: inline-flex;
	align-items: center;
	min-height: 44px;
	color: var(--c-texto-suave);
	text-decoration: underline;
	text-decoration-thickness: 1px;
	text-underline-offset: 0.2em;
}
.migas__enlace:hover { color: var(--c-texto-fuerte); }
.migas__item:last-child { flex: 0 1 auto; min-width: 0; }
.migas__actual { /* P3-05: el último nivel se recorta, nunca desborda */
	display: block;
	overflow: hidden;
	min-width: 0;
	padding-block: var(--space-12);
	color: var(--c-texto-fuerte);
	white-space: nowrap;
	text-overflow: ellipsis;
}
.migas__corto { display: none; }
@media (max-width: 59.9375em) {
	/* Móvil: Inicio › … › actual. El nombre completo sigue disponible para lectores de pantalla. */
	.migas__item--intermedia .migas__completo {
		position: absolute;
		width: 1px;
		height: 1px;
		overflow: hidden;
		clip: rect(0, 0, 0, 0);
		white-space: nowrap;
	}
	.migas__item--intermedia .migas__corto { display: inline; }
}

/* ==========================================================================
   N2 · Encabezado interior (67:66): banda lino, único h1
   ========================================================================== */
.encabezado-interior {
	background: var(--c-fondo-pagina);
	padding-block: var(--space-8) var(--space-32);
}
.encabezado-interior__caja { display: flex; flex-direction: column; gap: var(--space-8); }
.n2 { display: flex; flex-direction: column; gap: var(--space-24); }
.n2__texto { display: flex; flex-direction: column; gap: var(--space-24); min-width: 0; }
.n2__titulos { display: flex; flex-direction: column; gap: var(--space-16); }
.n2__h1 {
	font-family: var(--font-titulares);
	font-weight: 400;
	font-variation-settings: var(--fraunces-ejes);
	font-size: var(--t-h1-interior);
	line-height: 1.2;
	letter-spacing: -0.01em;
	color: var(--c-texto-fuerte);
	overflow-wrap: break-word;
}
.n2__entradilla { font-size: var(--t-entradilla); line-height: 1.6; max-width: var(--col-lectura); }
.n2__entradilla p + p { margin-top: var(--space-16); }
.n2__fecha { font-size: 0.875rem; line-height: 1.5; color: var(--c-texto-suave); }
.n2__imagen { width: 100%; aspect-ratio: 343 / 193; object-fit: cover; border-radius: var(--radius); }

@media (min-width: 60em) {
	.encabezado-interior { padding-block: var(--space-24) var(--space-64); }
	.encabezado-interior--documento { padding-bottom: var(--space-48); }
	.encabezado-interior__caja { gap: var(--space-16); }
	.n2__h1 { line-height: 1.1; }
	.n2--imagen { flex-direction: row; align-items: center; gap: var(--space-96); }
	.n2--imagen .n2__texto { flex: 1 1 0; }
	.n2--imagen .n2__entradilla { max-width: 560px; }
	.n2__imagen { flex: 0 0 480px; width: 480px; height: 270px; }
	.encabezado-interior--articulo .n2__texto { max-width: 880px; }
	.encabezado-interior--articulo .n2__entradilla { max-width: 720px; }
}

/* ==========================================================================
   Texto de las páginas (contenido cargado: p, listas, h3, tablas, avisos)
   ========================================================================== */
.contenido-texto {
	display: flex;
	flex-direction: column;
	gap: var(--space-24);
	min-width: 0;
	font-size: var(--t-cuerpo);
	line-height: 1.6;
	overflow-wrap: break-word;
}
:where(.contenido-texto) :where(p, ul, ol, h2, h3, li) { margin: 0; }
.contenido-texto p,
.contenido-texto li { max-width: 65ch; }
.contenido-texto strong { font-weight: 600; }
.contenido-texto a:not([class]) {
	color: var(--c-texto-fuerte);
	text-decoration: underline;
	text-decoration-thickness: 1px;
	text-underline-offset: 0.2em;
	text-decoration-color: var(--c-borde-control);
}
.contenido-texto a { overflow-wrap: anywhere; }
.contenido-texto a:not([class]):hover { text-decoration-color: currentColor; }
.contenido-texto h2 {
	font-family: var(--font-titulares);
	font-weight: 400;
	font-variation-settings: var(--fraunces-ejes);
	font-size: var(--t-h2-articulo);
	line-height: 1.2;
	letter-spacing: -0.01em;
	scroll-margin-top: var(--space-24);
}
.contenido-texto h3 {
	font-family: var(--font-titulares);
	font-weight: 600;
	font-variation-settings: var(--fraunces-ejes);
	font-size: 1.25rem;
	line-height: 1.3;
}
.contenido-texto h3 + p { margin-top: calc(var(--space-12) - var(--space-24)); }

/* Ítem de lista (44:57): check de cobre y filete inferior */
.contenido-texto ul { display: flex; flex-direction: column; }
.contenido-texto ul > li {
	position: relative;
	padding-block: var(--space-16);
	padding-left: 40px; /* 24 del check + 16 de hueco */
	border-bottom: 1px solid var(--c-borde-suave);
	max-width: none;
}
.contenido-texto ul > li::before {
	content: "";
	position: absolute;
	left: 0;
	top: calc(var(--space-16) + 0.1em);
	width: 24px;
	height: 24px;
	background: url("../svg/check.svg") center / 24px 24px no-repeat;
}
.contenido-texto ol { display: flex; flex-direction: column; gap: var(--space-8); padding-left: 1.5em; list-style: decimal; }
.contenido-texto ol > li { padding-left: var(--space-4); }
.contenido-texto ol > li::marker { font-family: var(--font-datos); color: var(--c-marca-principal); }

.fuente { font-size: 0.875rem; line-height: 1.5; color: var(--c-texto-suave); }

/* ==========================================================================
   N10 · Aviso destacado (67:106)
   ========================================================================== */
.aviso {
	display: grid;
	grid-template-columns: 24px minmax(0, 1fr);
	column-gap: var(--space-16);
	row-gap: var(--space-4);
	align-items: start;
	padding: var(--space-16);
	border: 1px solid var(--c-borde-suave);
	border-radius: var(--radius);
	background: var(--c-fondo-superficie);
	color: var(--c-texto-fuerte);
	font-size: var(--t-cuerpo);
	line-height: 1.6;
	max-width: var(--col-lectura);
}
.aviso::before {
	content: "";
	grid-column: 1;
	grid-row: 1 / span 2;
	width: 24px;
	height: 24px;
	background: url("../svg/aviso.svg") center / 24px 24px no-repeat;
}
.aviso > * { grid-column: 2; margin: 0; }
.aviso__titulo { font-weight: 600; }
.aviso--atencion { background: var(--c-cobre-100); border-color: var(--c-cobre-300); }
.aviso--atencion::before { background-image: url("../svg/atencion.svg"); }
@media (min-width: 60em) {
	.aviso { padding: var(--space-24); }
}

/* ==========================================================================
   T3 · Secciones a dos columnas (69:126): título 480 · texto 608, hueco 96
   ========================================================================== */
:where(.dos-columnas) { display: flex; flex-direction: column; gap: var(--space-24); }
@media (min-width: 60em) {
	.dos-columnas {
		display: grid;
		grid-template-columns: var(--col-titulo) minmax(0, 1fr);
		column-gap: var(--space-96);
		align-items: start;
	}
}
.contenido-texto--columna { max-width: 760px; }

/* Preguntas frecuentes en el texto (mismo componente que la home, iconos por CSS) */
.faq-interior { gap: 0; }
.faq-interior .pregunta:first-child { padding-top: 0; }
.contenido-texto .pregunta__boton::after {
	content: "";
	flex: none;
	width: 24px;
	height: 24px;
	background: url("../svg/mas.svg") center / 24px 24px no-repeat;
}
.contenido-texto .pregunta[open] > .pregunta__boton::after { background-image: url("../svg/menos.svg"); }
.contenido-texto .pregunta__respuesta { display: flex; flex-direction: column; gap: var(--space-12); }
.contenido-texto .pregunta__respuesta p { color: var(--c-texto-suave); }

/* ==========================================================================
   N8 · Bloque de la asesora, grande (68:110)
   ========================================================================== */
.n8 { display: flex; flex-direction: column; gap: var(--space-24); }
.n8__media { display: flex; flex-direction: column; gap: var(--space-12); }
.n8__retrato { width: 100%; aspect-ratio: 3 / 4; object-fit: cover; border-radius: var(--radius); }
.n8__texto { display: flex; flex-direction: column; gap: var(--space-24); min-width: 0; }
.n8__encabezado { display: flex; flex-direction: column; gap: var(--space-12); }
.n8__nombre-papel { display: flex; flex-direction: column; gap: var(--space-4); }
.n8__nombre {
	font-family: var(--font-titulares);
	font-weight: 400;
	font-variation-settings: var(--fraunces-ejes);
	font-size: var(--t-h2);
	line-height: 1.2;
	letter-spacing: -0.01em;
}
.n8__papel { font-size: var(--t-cuerpo); line-height: 1.6; color: var(--c-texto-suave); }
.n8__contacto { display: flex; flex-direction: column; gap: var(--space-4); }
.n8__contacto-rotulo { font-size: 0.875rem; line-height: 1.5; color: var(--c-texto-suave); }
.n8__correo {
	display: inline-flex;
	align-items: center;
	align-self: flex-start;
	min-height: 44px;
	font-size: var(--t-cuerpo);
	color: var(--c-texto-fuerte);
	text-decoration: underline;
	text-decoration-thickness: 1px;
	text-underline-offset: 0.2em;
	overflow-wrap: anywhere;
}
@media (min-width: 60em) {
	.n8 { flex-direction: row; align-items: center; gap: var(--space-96); }
	.n8__media { flex: 0 0 var(--col-titulo); }
	.n8__texto { flex: 1 1 0; }
	.n8__encabezado { gap: var(--space-16); }
}

/* ==========================================================================
   N11 · Nota de transparencia, párrafo (67:121)
   ========================================================================== */
.n11--parrafo {
	display: flex;
	flex-direction: column;
	gap: var(--space-8);
	max-width: var(--col-lectura);
	padding: var(--space-4) 0 var(--space-4) var(--space-16);
	border-left: 2px solid var(--c-marca-principal);
	font-size: var(--t-cuerpo);
	line-height: 1.6;
}
.n11__titulo { font-family: var(--font-cuerpo); font-size: var(--t-cuerpo); font-weight: 600; line-height: 1.6; }
.n11__texto { display: flex; flex-direction: column; gap: var(--space-12); }

/* ==========================================================================
   Documento con índice (T5 71:439, Metodología, Legal)
   ========================================================================== */
.documento-banda { padding-block: var(--space-32) var(--space-48); }
.documento { display: flex; flex-direction: column; gap: var(--space-24); }
.documento__cuerpo { max-width: var(--col-lectura); }
@media (min-width: 60em) {
	.documento-banda { padding-block: var(--space-64) var(--space-96); }
	.documento {
		display: grid;
		grid-template-columns: var(--col-indice) minmax(0, var(--col-lectura));
		column-gap: var(--space-96);
		align-items: start;
	}
	.documento__cuerpo { grid-column: 2; }
}

/* N9 · Índice (70:460): plegado en móvil, columna fija en escritorio */
.indice__plegable {
	padding-inline: var(--space-16);
	border: 1px solid var(--c-borde-suave);
	border-radius: var(--radius);
	background: var(--c-fondo-superficie);
}
.indice__resumen {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: var(--space-12);
	min-height: 52px;
	font-weight: 600;
	font-size: var(--t-cuerpo);
	line-height: 1.6;
	list-style: none;
	cursor: pointer;
}
.indice__resumen::-webkit-details-marker { display: none; }
.indice__resumen::marker { content: ""; }
.indice__plegable[open] .indice__chevron { transform: rotate(180deg); }
.indice__rotulo { display: none; }
.indice__lista { display: flex; flex-direction: column; padding-bottom: var(--space-12); }
.indice__enlace {
	display: flex;
	align-items: center;
	min-height: 44px;
	padding: 10px 0 10px 14px;
	border-left: 1px solid var(--c-borde-suave);
	font-size: var(--t-cuerpo);
	line-height: 1.5;
	color: var(--c-texto-suave);
	text-decoration: none;
}
.indice__enlace:hover { color: var(--c-texto-fuerte); text-decoration: underline; text-underline-offset: 0.2em; }
.indice__enlace[aria-current] {
	padding-left: 13px;
	border-left: 2px solid var(--c-marca-principal);
	color: var(--c-texto-fuerte);
	font-weight: 600;
}
@media (min-width: 60em) {
	.indice { position: sticky; top: var(--space-24); }
	.indice__plegable { padding: 0; border: 0; background: none; }
	html:not(.sin-js) .indice__resumen { display: none; }
	html:not(.sin-js) .indice__rotulo { display: block; margin-bottom: var(--space-12); }
	.indice__lista { padding-bottom: 0; }
	.indice__enlace { font-size: 0.875rem; }
}

/* ==========================================================================
   N12 · Tabla simple (70:523). Escritorio: tabla. Móvil: una tarjeta por fila (no hay scroll lateral).
   ========================================================================== */
.tabla { width: 100%; max-width: var(--col-lectura); }
.tabla table { width: 100%; border-collapse: collapse; font-size: 1rem; line-height: 1.6; }
.tabla caption { caption-side: top; padding-bottom: var(--space-12); font-size: 0.875rem; line-height: 1.5; color: var(--c-texto-suave); text-align: left; }
.tabla th {
	padding: var(--space-12) var(--space-16);
	border-bottom: 1px solid var(--c-borde-control);
	background: var(--c-fondo-superficie);
	font-weight: 600;
	text-align: left;
	vertical-align: top;
}
.tabla td { padding: var(--space-12) var(--space-16); border-bottom: 1px solid var(--c-borde-suave); vertical-align: top; }
.tabla th:first-child,
.tabla td:first-child { padding-left: var(--space-12); }
.tabla td:first-child { font-weight: 600; }
.tabla code { font-family: var(--font-datos); font-size: 0.875em; overflow-wrap: anywhere; }
@media (max-width: 59.9375em) {
	.tabla table,
	.tabla tbody,
	.tabla tr,
	.tabla td,
	.tabla caption { display: block; width: 100%; }
	.tabla thead {
		position: absolute;
		width: 1px;
		height: 1px;
		overflow: hidden;
		clip: rect(0, 0, 0, 0);
		white-space: nowrap;
	}
	.tabla tbody { display: flex; flex-direction: column; gap: var(--space-12); }
	.tabla tr {
		display: flex;
		flex-direction: column;
		gap: var(--space-8);
		padding: var(--space-16);
		border: 1px solid var(--c-borde-suave);
		border-radius: var(--radius);
		background: var(--c-fondo-superficie);
	}
	.tabla td,
	.tabla td:first-child { padding: 0; border: 0; }
	.tabla td:not(:first-child)::before {
		content: attr(data-etiqueta);
		display: block;
		font-size: 0.875rem;
		line-height: 1.5;
		color: var(--c-texto-suave);
	}
}

/* ==========================================================================
   N13 · Tarjeta de artículo (70:555) y rejillas del blog
   ========================================================================== */
.grupo-blog__caja { display: flex; flex-direction: column; gap: var(--space-24); }
.grupo-blog__encabezado { display: flex; flex-direction: column; gap: var(--space-8); }
.grupo-blog__descripcion { font-size: var(--t-cuerpo); line-height: 1.6; color: var(--c-texto-suave); max-width: 65ch; }
.relacionados .encabezado { gap: var(--space-12); }
.tarjetas { display: grid; gap: var(--space-16); }
@media (min-width: 60em) {
	.grupo-blog__caja { gap: var(--space-32); }
	.tarjetas { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--space-32); }
}

.n13 {
	position: relative;
	display: flex;
	flex-direction: column;
	overflow: hidden;
	border: 1px solid var(--c-borde-control); /* P3-10: límite de la tarjeta-enlace a 3:1 */
	border-radius: var(--radius);
	background: var(--c-fondo-superficie);
	transition: border-color 0.15s ease;
}
.n13:hover { border-color: var(--c-texto-fuerte); }
.n13:has(.n13__enlace:focus-visible) { outline: 2px solid var(--c-marca-principal); outline-offset: 2px; }
.n13__imagen { width: 100%; aspect-ratio: 384 / 216; object-fit: cover; }
.n13__texto { display: flex; flex-direction: column; gap: var(--space-8); padding: var(--space-16); min-width: 0; }
.n13__grupo {
	font-family: var(--font-datos);
	font-size: 0.8125rem; /* «Datos/Etiqueta» 13 px (Figma P3-09) */
	line-height: 1.5;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: var(--c-marca-principal);
}
.n13__titulo {
	font-family: var(--font-titulares);
	font-weight: 600;
	font-variation-settings: var(--fraunces-ejes);
	font-size: 1.25rem;
	line-height: 1.3;
	overflow-wrap: break-word;
}
.n13__enlace { color: var(--c-texto-fuerte); text-decoration: none; }
.n13__enlace::after { content: ""; position: absolute; inset: 0; }
.n13__enlace:focus-visible { outline: none; }
.n13__entradilla { display: none; font-size: 1rem; line-height: 1.6; color: var(--c-texto-suave); }
.n13__fecha { font-size: 0.875rem; line-height: 1.5; color: var(--c-texto-suave); }
@media (max-width: 59.9375em) {
	.n13--imagen { flex-direction: row; gap: var(--space-16); padding: var(--space-16); }
	.n13--imagen .n13__imagen { flex: none; width: 88px; height: 88px; border-radius: var(--radius); }
	.n13--imagen .n13__texto { padding: 0; flex: 1 1 0; }
}
@media (min-width: 60em) {
	.n13__texto { padding: var(--space-24); }
	.n13__entradilla { display: block; }
}

/* ==========================================================================
   N14 · Meta del artículo (70:577)
   ========================================================================== */
.n14 {
	display: flex;
	flex-direction: column;
	gap: 2px;
	padding-block: var(--space-16);
	border-block: 1px solid var(--c-borde-suave);
	font-size: 0.875rem;
	line-height: 1.5;
	color: var(--c-texto-suave);
}
.n14__autoria { font-weight: 600; color: var(--c-texto-fuerte); margin-bottom: 2px; }
.n14__separador { display: none; }
@media (min-width: 60em) {
	.n14 { flex-direction: row; flex-wrap: wrap; align-items: center; gap: var(--space-4) var(--space-12); }
	.n14__autoria { margin-bottom: 0; }
	.n14__separador { display: inline; }
}

/* ==========================================================================
   N15 · Caja de llamada a la acción (70:641)
   ========================================================================== */
.n15 {
	display: flex;
	flex-direction: column;
	gap: var(--space-16);
	padding: var(--space-24);
	border: 1px solid var(--c-borde-suave);
	border-radius: var(--radius);
	background: var(--c-fondo-superficie);
}
.n15--final { border-color: var(--c-cobre-300); }
.n15__texto { display: flex; flex-direction: column; gap: var(--space-8); }
.n15__titulo {
	font-family: var(--font-titulares);
	font-weight: 600;
	font-variation-settings: var(--fraunces-ejes);
	font-size: 1.25rem;
	line-height: 1.3;
}
.n15--final .n15__titulo { font-size: 1.5rem; }
.n15__descripcion { font-size: var(--t-cuerpo); line-height: 1.6; }
.n15 .flujo { gap: var(--space-12); }
@media (min-width: 60em) {
	.n15 { gap: var(--space-24); padding: var(--space-32); }
	.n15--final { padding: var(--space-48); }
}

/* ==========================================================================
   Cierre con dirección (patrón de la sección 09 de la home, sin numeración)
   ========================================================================== */
.cierre-int__caja { display: flex; flex-direction: column; gap: var(--space-16); max-width: 760px; }
.cierre-int__sello { width: 72px; height: 72px; align-self: center; }
.cierre-int__encabezado { display: flex; flex-direction: column; gap: var(--space-12); text-align: center; }
.cierre-int__texto { font-size: var(--t-cuerpo); line-height: 1.6; color: var(--c-texto-suave); }
.cierre-int .flujo { gap: var(--space-16); }
@media (min-width: 60em) {
	.cierre-int__caja,
	.cierre-int .flujo { gap: var(--space-24); }
	.cierre-int__encabezado { gap: var(--space-16); }
}

/* ==========================================================================
   T6 · Contacto y N16 · Datos de contacto (<dl>, sin dirección postal)
   ========================================================================== */
.contacto { display: flex; flex-direction: column; gap: var(--space-48); }
.contacto__datos,
.contacto__formulario { display: flex; flex-direction: column; gap: var(--space-24); min-width: 0; }
.n16 { display: flex; flex-direction: column; border-top: 1px solid var(--c-borde-suave); }
.n16__fila {
	display: flex;
	flex-direction: column;
	gap: var(--space-4);
	padding-block: var(--space-16);
	border-bottom: 1px solid var(--c-borde-suave);
}
.n16 dt { font-size: 0.875rem; line-height: 1.5; color: var(--c-texto-suave); }
.n16 dd { margin: 0; font-size: var(--t-cuerpo); line-height: 1.6; overflow-wrap: anywhere; }
.n16 a {
	display: inline-block;
	padding-block: 10px;
	margin-block: -10px;
	color: var(--c-texto-fuerte);
	text-decoration: underline;
	text-decoration-thickness: 1px;
	text-underline-offset: 0.2em;
}
.contacto__nota { color: var(--c-texto-suave); }
@media (min-width: 60em) {
	.contacto {
		display: grid;
		grid-template-columns: var(--col-titulo) minmax(0, 1fr);
		column-gap: var(--space-96);
		align-items: start;
	}
}

/* ==========================================================================
   T9 · Gracias
   ========================================================================== */
.encabezado-interior--gracias { padding-top: var(--space-32); }
.encabezado-interior--gracias .encabezado-interior__caja { gap: var(--space-24); }
.gracias__titulo { display: flex; align-items: flex-start; gap: var(--space-16); }
.gracias__check { width: 32px; height: 32px; margin-top: 0.25em; }
.gracias__cuerpo { max-width: var(--col-lectura); }
@media (min-width: 60em) {
	.encabezado-interior--gracias { padding-top: var(--space-64); }
}

/* ==========================================================================
   404
   ========================================================================== */
.encabezado-interior--404 { padding-block: var(--space-48); }
.error-404 { gap: var(--space-24); max-width: 760px; }
.error-404 .n2__entradilla { max-width: 65ch; }
.error-404__nav { display: flex; flex-direction: column; gap: var(--space-4); }
.error-404__rotulo { font-weight: 600; }
.error-404__enlaces a { text-decoration-thickness: 1px; text-underline-offset: 0.2em; }
@media (min-width: 60em) {
	.encabezado-interior--404 { padding-block: var(--space-96); }
}

/* --- Paginación de archivos --- */
.pagination .nav-links { display: flex; flex-wrap: wrap; gap: var(--space-8); }
.pagination .page-numbers {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 44px;
	min-height: 44px;
	padding-inline: var(--space-12);
	border: 1px solid var(--c-borde-suave);
	border-radius: var(--radius);
	color: var(--c-texto-fuerte);
	text-decoration: none;
}
.pagination .page-numbers.current { border-color: var(--c-texto-fuerte); font-weight: 600; }

/* ==========================================================================
   Ajustes de la auditoría de Fable sobre Figma (diseno/AUDITORIA-DISENO-P3.md)
   ========================================================================== */
/* P3-11: el H2 del cuerpo del documento lleva más aire arriba que abajo (flujo de bloque, márgenes). */
.contenido-texto--documento { display: block; }
.contenido-texto--documento > * + * { margin-top: var(--space-24); }
.contenido-texto--documento > h2 { margin: var(--space-48) 0 var(--space-16); }
.contenido-texto--documento > :first-child { margin-top: 0; }
.contenido-texto--documento > h2 + * { margin-top: 0; }
.contenido-texto--documento h3 + p { margin-top: var(--space-12); }
.contenido-texto--documento > .pregunta + .pregunta { margin-top: 0; }

/* P3-12: sin viudas en titulares; las fechas no se parten. */
.n2__h1,
.h2,
.contenido-texto h2,
.contenido-texto h3,
.n8__nombre,
.n13__titulo,
.n15__titulo,
.pregunta__texto { text-wrap: balance; }
.n14__dato,
.n2__fecha,
.n13__fecha time,
.n14 time { white-space: nowrap; }

/* P3-02: en el cierre y en N15, campo y botón de 56 px también en móvil (Campo «Grande»). */
.cierre-int .campo__caja,
.n15 .campo__caja,
.error-404 .campo__caja { height: 56px; }
.cierre-int .flujo__boton,
.n15 .flujo__boton,
.error-404 .flujo__boton { min-height: 56px; }

/* Revisión Fable B-08: enlaces que son navegación dentro de una lista, objetivo táctil de 44 px sin mover nada. */
.contenido-texto ul > li > a:only-child { display: inline-block; padding-block: 10px; margin-block: -10px; }

/* Sello de «Listo» en /gracias/: a la derecha en escritorio, oculto en móvil para no empujar el texto. */
.encabezado-interior--gracias .encabezado-interior__caja { position: relative; }
.gracias__sello { display: none; }
@media (min-width: 60em) {
	.encabezado-interior--gracias .n2__entradilla,
	.gracias__titulo { max-width: calc(100% - 240px); }
	.gracias__check { display: none; }
	.gracias__sello { display: block; position: absolute; right: 0; top: 50%; transform: translateY(-50%); }
}