/*
 * Palabras Autistas — Lector · 0.5.6
 * Los extremos firmados el 29-sep-2026: fondo blanco o negro puros, con el
 * verde para lo que se toca y el marrón para los conceptos.
 *
 * Contraste de cada color contra su fondo (norma WCAG: 4,5 mínimo; 7 el nivel más alto):
 *   claro  · texto #000000 21:1 · cuerpo #141414 18,4:1 · secundario #4A4A4A 8,9:1 · verde #2E4A22 9,9:1 · marrón #7E440B 7,7:1
 *   oscuro · texto #FFFFFF 21:1 · cuerpo #EBEBEB 17,6:1 · secundario #B8B8B8 10,6:1 · verde #B6DA8E 13,4:1 · marrón #E3A866 10,1:1
 */

/* ── Lora, servida desde el propio sitio ─────────────────────────────── */
@font-face {
	font-family: 'Lora';
	font-style: normal;
	font-display: swap;
	font-weight: 400 700;
	src: url(fonts/lora-latin-wght-normal.woff2) format('woff2-variations'), url(fonts/lora-latin-wght-normal.woff2) format('woff2');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
	font-family: 'Lora';
	font-style: italic;
	font-display: swap;
	font-weight: 400 700;
	src: url(fonts/lora-latin-wght-italic.woff2) format('woff2-variations'), url(fonts/lora-latin-wght-italic.woff2) format('woff2');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* ── Los dos extremos, sobre la paleta de Kadence ───────────────────────
 * Paleta de Kadence: 1 acento · 2 acento al pasar · 3 títulos · 4 texto ·
 * 5 y 6 texto secundario · 7 fondo suave · 8 fondo del sitio · 9 fondo del contenido.
 * Los tres fondos van iguales: sin relleno. Donde hace falta separar, una línea.
 */
:root[data-pa-tema="claro"] {
	--pa-fondo: #FFFFFF;
	--pa-texto: #000000;
	--pa-cuerpo: #141414;
	--pa-sec: #4A4A4A;
	--pa-verde: #2E4A22;
	--pa-verde-2: #1E3316;
	--pa-lineas: #C8C8C8;
	--pa-marron: #7E440B;
	--pa-velo: rgba(0, 0, 0, .35);
	--pa-sombra: 0 -8px 28px rgba(0, 0, 0, .12);

	--global-palette1: #2E4A22;
	--global-palette2: #1E3316;
	--global-palette3: #000000;
	--global-palette4: #141414;
	--global-palette5: #4A4A4A;
	--global-palette6: #4A4A4A;
	--global-palette7: #FFFFFF;
	--global-palette8: #FFFFFF;
	--global-palette9: #FFFFFF;
	--global-palette9rgb: 255, 255, 255;
	color-scheme: light;
}

:root[data-pa-tema="oscuro"] {
	--pa-fondo: #000000;
	--pa-texto: #FFFFFF;
	--pa-cuerpo: #EBEBEB;
	--pa-sec: #B8B8B8;
	--pa-verde: #B6DA8E;
	--pa-verde-2: #CDE9AA;
	--pa-lineas: #3A3A3A;
	--pa-marron: #E3A866;
	--pa-velo: rgba(0, 0, 0, .6);
	--pa-sombra: 0 -8px 28px rgba(0, 0, 0, .6);

	--global-palette1: #B6DA8E;
	--global-palette2: #CDE9AA;
	--global-palette3: #FFFFFF;
	--global-palette4: #EBEBEB;
	--global-palette5: #B8B8B8;
	--global-palette6: #B8B8B8;
	--global-palette7: #000000;
	--global-palette8: #000000;
	--global-palette9: #000000;
	--global-palette9rgb: 0, 0, 0;
	color-scheme: dark;
}

/* Una sola letra para todo: Lora. */
:root[data-pa-tema] {
	--global-body-font-family: 'Lora', Georgia, 'Times New Roman', serif;
	--global-heading-font-family: 'Lora', Georgia, 'Times New Roman', serif;
	--global-primary-nav-font-family: 'Lora', Georgia, 'Times New Roman', serif;
	--global-fallback-font: Georgia, serif;
	--global-display-fallback-font: Georgia, serif;
	background: var(--pa-fondo);
}

/* El fondo, sin relleno: todo sobre el mismo blanco o el mismo negro. */
:root[data-pa-tema] body {
	background: var(--pa-fondo);
	color: var(--pa-cuerpo);
}
:root[data-pa-tema] ::selection {
	background: var(--pa-verde);
	color: var(--pa-fondo);
}

/* Donde Kadence separaba con un fondo gris, una línea. */
:root[data-pa-tema] .entry-related {
	border-top: 1px solid var(--pa-lineas);
}
:root[data-pa-tema] .entry-related .loop-entry {
	border: 1px solid var(--pa-lineas);
	box-shadow: none;
}
:root[data-pa-tema] .site-footer {
	border-top: 1px solid var(--pa-lineas);
}
:root[data-pa-tema] .entry.single-entry {
	box-shadow: none;
}

/* ── El marrón: el concepto que tiene su página ─────────────────────────
 * Las etiquetas del artículo y cualquier enlace marcado con la clase
 * pa-concepto. El subrayado fino lo distingue también para quien ve poco
 * los colores.
 */
:root[data-pa-tema] a[rel~="tag"]:not([rel~="category"]),
:root[data-pa-tema] .tags-links a,
:root[data-pa-tema] .wp-block-post-terms.taxonomy-post_tag a,
:root[data-pa-tema] .wp-block-tag-cloud a,
:root[data-pa-tema] a.pa-concepto,
:root[data-pa-tema] .pa-concepto a {
	color: var(--pa-marron);
	font-weight: 700;
	text-decoration-line: underline;
	text-decoration-thickness: 1px;
	text-underline-offset: .22em;
	text-decoration-color: color-mix(in srgb, var(--pa-marron) 55%, transparent);
}
:root[data-pa-tema] a[rel~="tag"]:not([rel~="category"]):hover,
:root[data-pa-tema] .tags-links a:hover,
:root[data-pa-tema] a.pa-concepto:hover,
:root[data-pa-tema] .pa-concepto a:hover {
	color: var(--pa-marron);
	text-decoration-color: var(--pa-marron);
}
/* Kadence pone las etiquetas del pie del artículo como botones con fondo:
   acá van sin relleno, como texto. */
:root[data-pa-tema] .entry-tags .tags-links a,
:root[data-pa-tema] .tags-links a.tag-link {
	background: transparent;
	border: 0;
	padding: 0;
	margin-right: .6em;
}

/* La categoría es la columna: va en verde, como lo que se toca. Kadence la
   imprime con rel="tag", por eso se nombra aparte. */
:root[data-pa-tema] .category-links a[rel],
:root[data-pa-tema] .taxonomy-category a[rel],
:root[data-pa-tema] a[rel~="category"] {
	color: var(--pa-verde);
	font-weight: 600;
	text-decoration-line: none;
}
:root[data-pa-tema] .category-links a[rel]:hover,
:root[data-pa-tema] .taxonomy-category a[rel]:hover,
:root[data-pa-tema] a[rel~="category"]:hover {
	color: var(--pa-verde-2);
	text-decoration-line: underline;
}

/* ── La letra, a elección ───────────────────────────────────────────── */
:root[data-pa-letra="chica"] body { font-size: 15px; }
:root[data-pa-letra="grande"] body { font-size: 20px; }

/* ── El relojito y su hoja ─────────────────────────────────────────── */
.pa-lector .pa-relojito {
	position: fixed;
	right: 16px;
	bottom: calc(16px + env(safe-area-inset-bottom, 0px));
	width: 52px;
	height: 52px;
	padding: 0;
	margin: 0;
	border-radius: 50%;
	display: grid;
	place-items: center;
	cursor: pointer;
	background: var(--pa-fondo);
	color: var(--pa-texto);
	border: 1px solid var(--pa-lineas);
	box-shadow: 0 4px 16px rgba(0, 0, 0, .18);
	z-index: 99990;
	transition: transform .25s ease, opacity .25s ease;
	line-height: 1;
	min-height: 0;
}
.pa-lector .pa-relojito:hover,
.pa-lector .pa-relojito:focus {
	background: var(--pa-fondo);
	color: var(--pa-texto);
	border-color: var(--pa-verde);
}
.pa-lector .pa-relojito:focus-visible,
.pa-lector button:focus-visible {
	outline: 2px solid var(--pa-verde);
	outline-offset: 2px;
}
.pa-lector .pa-relojito.pa-oculto {
	transform: translateY(90px);
	opacity: 0;
	pointer-events: none;
}
.pa-lector .pa-relojito svg {
	width: 26px;
	height: 26px;
}
.pa-lector .pa-relojito svg * {
	fill: none;
	stroke: currentColor;
	stroke-width: 1.6;
	stroke-linecap: round;
}
.pa-lector .pa-velo {
	position: fixed;
	inset: 0;
	background: var(--pa-velo);
	z-index: 99991;
}
.pa-lector .pa-hoja {
	position: fixed;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 99992;
	max-width: 40rem;
	margin-inline: auto;
	background: var(--pa-fondo);
	color: var(--pa-texto);
	border: 1px solid var(--pa-lineas);
	border-bottom: 0;
	border-radius: 12px 12px 0 0;
	box-shadow: var(--pa-sombra);
	padding: 14px 18px calc(18px + env(safe-area-inset-bottom, 0px));
	font-family: 'Lora', Georgia, serif;
	font-size: 16px;
	line-height: 1.4;
	display: grid;
	gap: 14px;
	animation: pa-subir .22s ease-out;
}
.pa-lector [hidden] {
	display: none !important;
}
@keyframes pa-subir {
	from { transform: translateY(24px); opacity: 0; }
	to { transform: none; opacity: 1; }
}
.pa-lector .pa-asa {
	width: 42px;
	height: 4px;
	border-radius: 2px;
	background: var(--pa-lineas);
	margin: 0 auto 2px;
}
.pa-lector .pa-hoja-titulo {
	margin: 0;
	font-size: 1.1rem;
	font-weight: 700;
	color: var(--pa-texto);
}
.pa-lector .pa-fila {
	display: grid;
	gap: .4em;
}
.pa-lector .pa-rotulo {
	font-size: .72rem;
	letter-spacing: .12em;
	text-transform: uppercase;
	font-weight: 600;
	color: var(--pa-sec);
}
.pa-lector .pa-seg {
	display: flex;
	flex-wrap: wrap;
	gap: .4em;
}
.pa-lector .pa-seg button {
	flex: 1 1 5.5em;
	min-width: 0;
	min-height: 0;
	margin: 0;
	font: inherit;
	font-size: .9rem;
	line-height: 1.2;
	cursor: pointer;
	background: var(--pa-fondo);
	color: var(--pa-texto);
	border: 1px solid var(--pa-lineas);
	border-radius: 4px;
	padding: .55em .5em;
	box-shadow: none;
	text-transform: none;
	letter-spacing: normal;
}
.pa-lector .pa-seg button:hover {
	background: var(--pa-fondo);
	color: var(--pa-texto);
	border-color: var(--pa-verde);
}
.pa-lector .pa-seg button[aria-pressed="true"] {
	background: var(--pa-verde);
	color: var(--pa-fondo);
	border-color: var(--pa-verde);
}
.pa-lector .pa-a1 { font-size: .82rem; }
.pa-lector .pa-a2 { font-size: 1rem; }
.pa-lector .pa-a3 { font-size: 1.22rem; }
.pa-lector .pa-pista {
	font-size: .8rem;
	color: var(--pa-sec);
	font-style: italic;
}
.pa-lector .pa-listo {
	justify-self: end;
	font: inherit;
	font-size: .92rem;
	font-weight: 600;
	cursor: pointer;
	background: var(--pa-verde);
	color: var(--pa-fondo);
	border: 1px solid var(--pa-verde);
	border-radius: 4px;
	padding: .6em 1.1em;
	margin: 0;
	min-height: 0;
	box-shadow: none;
	text-transform: none;
	letter-spacing: normal;
	line-height: 1.3;
}
.pa-lector .pa-listo:hover,
.pa-lector .pa-listo:focus {
	background: var(--pa-verde-2);
	border-color: var(--pa-verde-2);
	color: var(--pa-fondo);
}
.pa-lector .pa-aviso {
	position: fixed;
	left: 50%;
	bottom: calc(84px + env(safe-area-inset-bottom, 0px));
	transform: translateX(-50%);
	max-width: calc(100% - 32px);
	background: var(--pa-texto);
	color: var(--pa-fondo);
	font-family: 'Lora', Georgia, serif;
	font-size: .88rem;
	line-height: 1.4;
	padding: .55em .9em;
	border-radius: 6px;
	z-index: 99993;
	pointer-events: none;
	opacity: 0;
	transition: opacity .25s ease;
}
.pa-lector .pa-aviso.pa-ver {
	opacity: 1;
}

/* ── El botón Lectura en la cabecera de la computadora ───────────────── */
.pa-lectura-arriba {
	display: inline-flex;
	align-items: center;
	gap: .45em;
	margin: 0 0 0 1.2em;
	padding: .35em .8em;
	min-height: 0;
	font: inherit;
	font-family: 'Lora', Georgia, serif;
	font-size: .95rem;
	line-height: 1.2;
	cursor: pointer;
	background: transparent;
	color: var(--pa-texto);
	border: 1px solid var(--pa-lineas);
	border-radius: 4px;
	box-shadow: none;
	text-transform: none;
	letter-spacing: normal;
}
.pa-lectura-arriba:hover,
.pa-lectura-arriba:focus {
	background: transparent;
	color: var(--pa-texto);
	border-color: var(--pa-verde);
}
.pa-lectura-arriba:focus-visible {
	outline: 2px solid var(--pa-verde);
	outline-offset: 2px;
}
.pa-lectura-arriba svg {
	width: 18px;
	height: 18px;
}
.pa-lectura-arriba svg * {
	fill: none;
	stroke: currentColor;
	stroke-width: 1.6;
	stroke-linecap: round;
}
@media (min-width: 1025px) {
	:root.pa-lectura-en-cabecera .pa-lector .pa-relojito {
		display: none;
	}
}
@media (max-width: 1024px) {
	.pa-lectura-arriba {
		display: none;
	}
}

/* ── La cabecera en la computadora: el nombre arriba, el mapa debajo ────
 * El menú lleva los nombres enteros, para entenderse en la primera entrada, y
 * al lado del nombre del sitio no entran. Baja a su propia fila, a todo el
 * ancho, con la primera palabra alineada con el infinito. Arriba quedan el
 * nombre, la búsqueda, el carrito y Lectura. En el celular, las tres rayitas.
 */
@media (min-width: 1025px) {
	#main-header .site-main-header-inner-wrap {
		grid-template-columns: minmax(0, 1fr) auto auto auto;
		grid-template-rows: auto auto;
		align-items: center;
		column-gap: .4rem;
	}
	#main-header .site-header-main-section-left {
		grid-column: 1;
		grid-row: 1;
	}
	#main-header .site-header-main-section-right {
		display: contents;
	}
	#main-header .site-header-main-section-right > * {
		grid-row: 1;
	}
	#main-header .site-header-main-section-right > [data-section="kadence_customizer_primary_navigation"] {
		grid-row: 2;
		grid-column: 1 / -1;
		margin: .45rem 0 0;
		border-top: 1px solid var(--pa-lineas);
	}
	#main-header #primary-menu > li:first-child > a {
		padding-left: 0;
	}
	/* El otro idioma, al final de la fila del menú, contra el borde derecho:
	   el menú ocupa la fila entera y el idioma se corre al final. */
	#main-header #site-navigation,
	#main-header #site-navigation .primary-menu-container,
	#main-header #primary-menu {
		flex: 1 1 auto;
	}
	#main-header #primary-menu > li.pa-idioma {
		margin-left: auto;
	}
	#main-header #primary-menu > li.pa-idioma > a {
		padding-right: 0;
	}
	/* La marca venía con 50 px de aire a los costados: sin ellos, el infinito,
	   la primera palabra del menú y la tapa arrancan en la misma línea. */
	#main-header .site-branding {
		padding: 0;
	}
}
/* En el celular y la tableta la cabecera iba pegada a los bordes de la
   pantalla: toma el mismo margen que el texto de la página. */
@media (max-width: 1024px) {
	#mobile-header .site-header-row-container-inner > .site-container {
		padding-left: var(--global-content-edge-padding, 1.5rem);
		padding-right: var(--global-content-edge-padding, 1.5rem);
	}
}
/* En los teléfonos más angostos (360 px) el nombre no entraba en una línea
   al lado de las tres rayitas: ahí baja a 20 px y se acerca un poco al
   infinito. Desde 375 px sigue en 22. */
@media (max-width: 370px) {
	#mobile-header .site-branding a.brand {
		gap: 12px;
	}
	#mobile-header .site-branding a.brand .site-title {
		font-size: 20px;
	}
}

/* ── La tapa ─────────────────────────────────────────────────────────
 * La portada de la maqueta del 28-sep, en bloques de WordPress: cada bloque
 * lleva su clase (pa-tapa, pa-col, pa-libro…) y acá toma su forma.
 * Cada regla nombra el grupo y también su envoltorio interior, porque según el
 * tema WordPress agrega o no ese envoltorio.
 */
.pa-infinito {
	margin: 6px auto 0;
	max-width: 34rem;
}
.pa-infinito svg {
	display: block;
	width: 100%;
	height: auto;
	overflow: visible;
}
.pa-infinito .pa-trazo {
	fill: none;
	stroke: #fff;
	stroke-width: 132;
	stroke-linecap: round;
	stroke-linejoin: round;
	stroke-dasharray: 1626 1665;
	stroke-dashoffset: 1626;
	animation: pa-dibujo 3.2s cubic-bezier(.45, .05, .35, 1) .25s forwards;
}
.pa-infinito.pa-hecho g {
	mask: none;
}
@keyframes pa-dibujo {
	to { stroke-dashoffset: 0; }
}
/* En la cabecera de la portada: el mismo dibujo, del ancho del logo
   (60, 56 y 52 px, como lo pide la cabecera) y a la altura del nombre. */
.pa-infinito.pa-infinito-chico {
	display: block;
	flex: none;
	width: 60px;
	max-width: none;
	margin: 0;
	line-height: 0;
}
@media (max-width: 1024px) {
	.pa-infinito.pa-infinito-chico { width: 56px; }
}
@media (max-width: 767px) {
	.pa-infinito.pa-infinito-chico { width: 52px; }
}

.pa-tapa {
	font-size: 1.125rem;
	line-height: 1.7;
}
.pa-tapa .pa-nombre {
	font-size: 2.2em;
	line-height: 1.1;
	font-weight: 700;
	letter-spacing: -.018em;
	margin: .35em 0 0;
	color: var(--pa-texto);
}
.pa-tapa p.pa-rotulo,
.pa-tapa h2.pa-rotulo {
	font-family: inherit;
	font-size: .72rem;
	line-height: 1.4;
	letter-spacing: .14em;
	text-transform: uppercase;
	font-weight: 600;
	color: var(--pa-sec);
	margin: 0;
}
.pa-tapa h2.pa-rotulo {
	margin-top: 2.8em;
	margin-bottom: .7em;
}

/* ── La carta: lo primero que se lee en la portada ─────────────────────
 * «Entraste en una zona autista», en primera persona y firmada. Después,
 * separada por una línea, la misión y la visión. */
.pa-tapa .pa-carta.wp-block-group {
	margin-top: .6em;
	margin-bottom: 2em;
}
.pa-tapa .pa-carta p {
	margin: 0 0 .55em;
	color: var(--pa-cuerpo);
}
.pa-tapa .pa-carta .pa-zona {
	font-size: 1.9em;
	line-height: 1.15;
	font-weight: 700;
	letter-spacing: -.012em;
	color: var(--pa-texto);
	margin-bottom: .5em;
}
.pa-tapa .pa-carta a {
	color: var(--pa-verde);
	text-decoration-thickness: 1px;
	text-underline-offset: .2em;
}
.pa-tapa .pa-carta .pa-firma {
	margin-top: .9em;
	font-size: .85em;
	font-style: italic;
	color: var(--pa-sec);
}
.pa-tapa .pa-carta.wp-block-group + .pa-mv.wp-block-group {
	border-top: 1px solid var(--pa-lineas);
	padding-top: 1.1em;
}

.pa-tapa .pa-mv.wp-block-group:not(:has(> .wp-block-group__inner-container)),
.pa-tapa .pa-mv > .wp-block-group__inner-container {
	display: grid;
	gap: .15em;
}
.pa-tapa .pa-mv.wp-block-group {
	margin-top: 1.1em;
}
.pa-tapa .pa-mv.wp-block-group:not(:has(> .wp-block-group__inner-container)) > *,
.pa-tapa .pa-mv > .wp-block-group__inner-container > * {
	margin: 0;
}
.pa-tapa .pa-mv-texto {
	font-size: 1.15em;
	line-height: 1.4;
	color: var(--pa-texto);
	margin-bottom: .7em !important;
}
.pa-tapa .pa-provisorio,
.pa-tapa .pa-nota {
	font-size: .8em;
	color: var(--pa-sec);
	font-style: italic;
	margin: 0;
}

.pa-tapa .pa-columnas.wp-block-group {
	border-top: 1px solid var(--pa-lineas);
}
.pa-tapa .pa-columnas.wp-block-group:not(:has(> .wp-block-group__inner-container)),
.pa-tapa .pa-columnas > .wp-block-group__inner-container {
	display: grid;
	gap: 0;
}
.pa-tapa .pa-columnas.wp-block-group:not(:has(> .wp-block-group__inner-container)) > *,
.pa-tapa .pa-columnas > .wp-block-group__inner-container > * {
	margin: 0;
}
.pa-tapa .pa-col.wp-block-group {
	padding-block: .85em;
	border-bottom: 1px solid var(--pa-lineas);
}
.pa-tapa .pa-col.wp-block-group:not(:has(> .wp-block-group__inner-container)),
.pa-tapa .pa-col > .wp-block-group__inner-container {
	display: grid;
	grid-template-columns: 2.1em 1fr;
	column-gap: .7em;
	row-gap: .1em;
}
.pa-tapa .pa-col.wp-block-group:not(:has(> .wp-block-group__inner-container)) > *,
.pa-tapa .pa-col > .wp-block-group__inner-container > * {
	margin: 0;
	grid-column: 2;
}
.pa-tapa .pa-col .pa-num.pa-num {
	grid-column: 1;
	grid-row: 1 / span 3;
	font-size: .78em;
	letter-spacing: .08em;
	color: var(--pa-verde);
	font-weight: 600;
	padding-top: .25em;
}
.pa-tapa .pa-pregunta {
	font-style: italic;
	color: var(--pa-verde);
	line-height: 1.4;
}
.pa-tapa .pa-nom {
	font-weight: 600;
	line-height: 1.35;
	color: var(--pa-texto);
}
.pa-tapa .pa-estado {
	font-size: .68em;
	line-height: 1.5;
	letter-spacing: .12em;
	text-transform: uppercase;
	color: var(--pa-sec);
}

.pa-tapa .pa-nuevo .wp-block-post-template {
	list-style: none;
	margin: 0;
	padding: 0;
}
.pa-tapa .pa-nuevo .wp-block-post-template > li {
	display: grid;
	gap: .25em;
	padding-block: .8em;
	border-block: 1px solid var(--pa-lineas);
}
.pa-tapa .pa-nuevo .wp-block-post-template > li > * {
	margin: 0;
}
.pa-tapa .pa-nuevo .wp-block-post-date,
.pa-tapa .pa-nuevo .wp-block-post-terms {
	font-size: .7em;
	letter-spacing: .12em;
	text-transform: uppercase;
	color: var(--pa-sec);
}
.pa-tapa .pa-nuevo .wp-block-post-title {
	font-size: 1.25em;
	line-height: 1.25;
}
.pa-tapa .pa-nuevo .wp-block-post-title a {
	color: var(--pa-texto);
	text-decoration: none;
}
.pa-tapa .pa-nuevo .wp-block-post-excerpt {
	color: var(--pa-cuerpo);
	font-size: .95em;
}
.pa-tapa .pa-nuevo .wp-block-query-no-results p {
	margin: 0;
	padding-block: .8em;
	border-block: 1px solid var(--pa-lineas);
	color: var(--pa-cuerpo);
	font-style: italic;
}

.pa-tapa .pa-libro.wp-block-group:not(:has(> .wp-block-group__inner-container)),
.pa-tapa .pa-libro > .wp-block-group__inner-container {
	display: grid;
	grid-template-columns: 4.6em 1fr;
	gap: 1em;
	align-items: start;
}
.pa-tapa .pa-libro.wp-block-group:not(:has(> .wp-block-group__inner-container)) > *,
.pa-tapa .pa-libro > .wp-block-group__inner-container > * {
	margin: 0;
}
.pa-tapa .pa-lomo.wp-block-group {
	position: relative;
	aspect-ratio: 2 / 3;
	border: 1px solid var(--pa-lineas);
	padding: .45em .4em;
}
.pa-tapa .pa-lomo.wp-block-group:not(:has(> .wp-block-group__inner-container)),
.pa-tapa .pa-lomo > .wp-block-group__inner-container {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	height: 100%;
}
.pa-tapa .pa-lomo.wp-block-group:not(:has(> .wp-block-group__inner-container)) > *,
.pa-tapa .pa-lomo > .wp-block-group__inner-container > * {
	margin: 0;
	font-size: .5em;
	line-height: 1.2;
	font-weight: 700;
	color: var(--pa-texto);
}
.pa-tapa .pa-lomo .pa-autor.pa-autor {
	font-size: .42em;
	font-weight: 400;
	color: var(--pa-sec);
}
.pa-tapa .pa-lomo .pa-uno.pa-uno {
	position: absolute;
	top: -.7em;
	right: -.7em;
	width: 1.7em;
	height: 1.7em;
	border-radius: 50%;
	display: grid;
	place-items: center;
	background: var(--pa-verde);
	color: var(--pa-fondo);
	font-size: .72em;
	line-height: 1;
}
.pa-tapa .pa-libro-texto.wp-block-group:not(:has(> .wp-block-group__inner-container)) > *,
.pa-tapa .pa-libro-texto > .wp-block-group__inner-container > * {
	margin: 0 0 .3em;
	color: var(--pa-cuerpo);
}
.pa-tapa .pa-libro-texto strong {
	color: var(--pa-texto);
	font-weight: 600;
}

.pa-tapa .pa-invitaciones.wp-block-group {
	border-top: 1px solid var(--pa-lineas);
}
.pa-tapa .pa-invitaciones.wp-block-group:not(:has(> .wp-block-group__inner-container)),
.pa-tapa .pa-invitaciones > .wp-block-group__inner-container {
	display: grid;
	gap: 0;
}
.pa-tapa .pa-invitaciones.wp-block-group:not(:has(> .wp-block-group__inner-container)) > *,
.pa-tapa .pa-invitaciones > .wp-block-group__inner-container > * {
	margin: 0;
}
.pa-tapa .pa-inv.wp-block-group {
	padding-block: 1em;
	border-bottom: 1px solid var(--pa-lineas);
}
.pa-tapa .pa-inv.wp-block-group:not(:has(> .wp-block-group__inner-container)),
.pa-tapa .pa-inv > .wp-block-group__inner-container {
	display: grid;
	gap: .35em;
}
.pa-tapa .pa-inv.wp-block-group:not(:has(> .wp-block-group__inner-container)) > *,
.pa-tapa .pa-inv > .wp-block-group__inner-container > * {
	margin: 0;
}
.pa-tapa .pa-inv h3 {
	font-size: 1.1em;
	line-height: 1.3;
	font-weight: 700;
	color: var(--pa-texto);
}
.pa-tapa .pa-inv p {
	color: var(--pa-cuerpo);
	font-size: .95em;
}
.pa-tapa .pa-inv p.pa-estado {
	font-size: .66em;
	color: var(--pa-sec);
}
/* El mapa: cada lugar se nombra con su enlace, en el color del texto;
   al pasar o al llegar con el teclado, se pone verde. Debajo, el ciclo. */
.pa-tapa .pa-inv h3 a {
	color: var(--pa-texto);
	text-decoration: none;
}
.pa-tapa .pa-inv h3 a:hover,
.pa-tapa .pa-inv h3 a:focus {
	color: var(--pa-verde);
	text-decoration: underline;
	text-decoration-thickness: 1px;
	text-underline-offset: .2em;
}
.pa-tapa .pa-nota.pa-ciclo {
	margin-top: 1em;
}
.pa-tapa .pa-pie-tapa {
	margin-top: 2.8em !important;
	padding-top: 1em;
	border-top: 1px solid var(--pa-lineas);
	font-style: normal;
}
@media (min-width: 720px) {
	.pa-tapa .pa-nombre { font-size: 2.6em; }
}

/* Las anclas del menú y del mapa: al bajar, queda aire arriba. */
.pa-tapa [id],
.pa-pagina [id] {
	scroll-margin-top: 1.5rem;
}

/* ── La tapa en la computadora ──────────────────────────────────────────
 * Desde 1025 px la tapa toma el ancho de la cabecera, con un solo borde
 * izquierdo para todo. Lo que se elige se abre a lo ancho: la misión y la
 * visión lado a lado, las cuatro columnas en fila, los cuatro lugares del
 * mapa en fila. Lo que se lee sigue en su columna de 40rem: la carta, lo
 * nuevo y la biblioteca. En el celular y la tableta, la columna de siempre.
 */
@media (min-width: 1025px) {
	.pa-tapa > .wp-block-group__inner-container.is-layout-constrained > *,
	.pa-tapa.is-layout-constrained > * {
		max-width: none;
		margin-left: 0 !important;
		margin-right: 0 !important;
	}
	.pa-tapa > .wp-block-group__inner-container.is-layout-constrained > .pa-carta,
	.pa-tapa > .wp-block-group__inner-container.is-layout-constrained > .pa-nuevo,
	.pa-tapa > .wp-block-group__inner-container.is-layout-constrained > .pa-libro,
	.pa-tapa.is-layout-constrained > .pa-carta,
	.pa-tapa.is-layout-constrained > .pa-nuevo,
	.pa-tapa.is-layout-constrained > .pa-libro {
		max-width: 40rem;
	}

	.pa-tapa .pa-mv.wp-block-group:not(:has(> .wp-block-group__inner-container)),
	.pa-tapa .pa-mv > .wp-block-group__inner-container {
		grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
		column-gap: 3rem;
	}
	.pa-tapa .pa-mv.wp-block-group:not(:has(> .wp-block-group__inner-container)) > :nth-child(1),
	.pa-tapa .pa-mv > .wp-block-group__inner-container > :nth-child(1) { grid-area: 1 / 1; }
	.pa-tapa .pa-mv.wp-block-group:not(:has(> .wp-block-group__inner-container)) > :nth-child(2),
	.pa-tapa .pa-mv > .wp-block-group__inner-container > :nth-child(2) { grid-area: 2 / 1; }
	.pa-tapa .pa-mv.wp-block-group:not(:has(> .wp-block-group__inner-container)) > :nth-child(3),
	.pa-tapa .pa-mv > .wp-block-group__inner-container > :nth-child(3) { grid-area: 1 / 2; }
	.pa-tapa .pa-mv.wp-block-group:not(:has(> .wp-block-group__inner-container)) > :nth-child(4),
	.pa-tapa .pa-mv > .wp-block-group__inner-container > :nth-child(4) { grid-area: 2 / 2; }
	.pa-tapa .pa-mv.wp-block-group:not(:has(> .wp-block-group__inner-container)) > .pa-provisorio,
	.pa-tapa .pa-mv > .wp-block-group__inner-container > .pa-provisorio {
		grid-row: 3;
		grid-column: 1 / -1;
	}
	.pa-tapa .pa-mv-texto {
		font-size: 1.3em;
	}

	.pa-tapa .pa-columnas.wp-block-group:not(:has(> .wp-block-group__inner-container)),
	.pa-tapa .pa-columnas > .wp-block-group__inner-container,
	.pa-tapa .pa-invitaciones.wp-block-group:not(:has(> .wp-block-group__inner-container)),
	.pa-tapa .pa-invitaciones > .wp-block-group__inner-container {
		grid-template-columns: repeat(4, minmax(0, 1fr));
	}
	.pa-tapa .pa-columnas.wp-block-group,
	.pa-tapa .pa-invitaciones.wp-block-group {
		border-bottom: 1px solid var(--pa-lineas);
	}
	.pa-tapa .pa-col.wp-block-group,
	.pa-tapa .pa-inv.wp-block-group {
		border-bottom: 0;
		border-left: 1px solid var(--pa-lineas);
		padding: 1.1em 1.3em 1.3em;
	}
	.pa-tapa .pa-col.wp-block-group:first-child,
	.pa-tapa .pa-inv.wp-block-group:first-child {
		border-left: 0;
		padding-left: 0;
	}
}

/* ── Las páginas interiores: una columna de lectura ─────────────────────
 * Talleres y las páginas que vienen: la columna de 40rem, centrada en el
 * celular y, en la computadora, contra el mismo borde izquierdo que la
 * cabecera y el título. */
.pa-pagina {
	font-size: 1.125rem;
	line-height: 1.7;
}
@media (min-width: 1025px) {
	.pa-pagina > .wp-block-group__inner-container.is-layout-constrained > *,
	.pa-pagina.is-layout-constrained > * {
		margin-left: 0 !important;
		margin-right: 0 !important;
	}
}
.pa-pagina .pa-pregunta-grande {
	font-size: 2em;
	line-height: 1.15;
	font-weight: 700;
	letter-spacing: -.01em;
	color: var(--pa-texto);
	margin: .2em 0 .6em;
}
.pa-pagina .pa-temas {
	font-size: 1.2em;
	line-height: 1.75;
	color: var(--pa-cuerpo);
}
.pa-pagina .pa-rotulo {
	font-family: inherit;
	font-size: .72rem;
	line-height: 1.4;
	letter-spacing: .14em;
	text-transform: uppercase;
	font-weight: 600;
	color: var(--pa-sec);
	margin: 0;
}
.pa-pagina h2.pa-rotulo {
	margin: 2.4em 0 .7em;
}
.pa-pagina .pa-nota {
	font-size: .9em;
	font-style: italic;
	color: var(--pa-sec);
}
.pa-pagina .pa-estado {
	margin-top: 1.4em;
	font-size: .68em;
	letter-spacing: .12em;
	text-transform: uppercase;
	color: var(--pa-sec);
}
.pa-pagina .pa-accion a {
	display: inline-block;
	margin-top: .6em;
	padding: .55em 1.1em;
	border: 1px solid var(--pa-verde);
	border-radius: 4px;
	color: var(--pa-verde);
	font-weight: 600;
	text-decoration: none;
}
.pa-pagina .pa-accion a:hover,
.pa-pagina .pa-accion a:focus {
	background: var(--pa-verde);
	color: var(--pa-fondo);
}

/* ── El cierre de cada columna ─────────────────────────────────────────
 * «En qué se basa»: las fuentes, cada una con su estado, en letra algo
 * menor y con una línea arriba. Debajo, la única acción de la columna:
 * recibir la próxima por mail. */
.pa-ficha {
	margin-top: 2.6em;
	padding-top: 1.2em;
	border-top: 1px solid var(--pa-lineas);
	font-size: .92em;
}
.pa-ficha .pa-rotulo {
	font-family: inherit;
	font-size: .72rem;
	line-height: 1.4;
	letter-spacing: .14em;
	text-transform: uppercase;
	font-weight: 600;
	color: var(--pa-sec);
	margin: 0 0 1em;
}
.pa-ficha .pa-fuentes {
	list-style: none;
	margin: 0;
	padding: 0;
}
.pa-ficha .pa-fuentes li {
	margin: 0 0 1em;
	color: var(--pa-cuerpo);
	line-height: 1.55;
}
.pa-ficha .pa-fuentes li strong {
	color: var(--pa-texto);
	font-weight: 600;
}
.pa-ficha .pa-fuentes a {
	overflow-wrap: anywhere;
}
.pa-ficha .pa-estado {
	margin: 1.4em 0 0;
	font-size: .7em;
	letter-spacing: .12em;
	text-transform: uppercase;
	color: var(--pa-sec);
}
.pa-proxima {
	margin-top: 2.2em;
}
.pa-proxima .pa-accion {
	margin: 0;
}
.pa-proxima .pa-accion a {
	display: inline-block;
	padding: .55em 1.1em;
	border: 1px solid var(--pa-verde);
	border-radius: 4px;
	color: var(--pa-verde);
	font-weight: 600;
	text-decoration: none;
}
.pa-proxima .pa-accion a:hover,
.pa-proxima .pa-accion a:focus {
	background: var(--pa-verde);
	color: var(--pa-fondo);
}
.pa-proxima .pa-nota {
	margin: .7em 0 0;
	font-size: .85em;
	font-style: italic;
	color: var(--pa-sec);
}

@media (prefers-reduced-motion: reduce) {
	.pa-infinito .pa-trazo { animation: none; stroke-dashoffset: 0; }
	.pa-lector .pa-relojito,
	.pa-lector .pa-aviso { transition: none; }
	.pa-lector .pa-hoja { animation: none; }
}
@media print {
	.pa-lector { display: none; }
}