/* 13-az-portada-folio.css · DISEÑO «FOLIO» DE LA PORTADA · instalado el 2-oct-2026
 *
 * FOLIO+ · 2-oct-2026 (tarde). Javier se queda con Folio («la actual es la que más me gusta») y pide tres injertos:
 * el Método a lo «Cuaderno» con la TNAI gigante (§10), su foto en pequeño (§13) y las líneas que se trazan al bajar (§27);
 * más letra y detalles de las webs de referencia (§25 aire, §26 detalles) y TITULARES EN NEWSREADER (§28, elegida por él).
 * Maqueta y notas: scratchpad/diseno/folio-plus-nr/ · comparativas: 00-OPERACIONES/portada-propuestas-20261002/folio-plus/.
 * Vuelta atrás: 13-az-portada-folio.css.BAK-antes-folio-plus-20261002 (y la línea de fuentes de functions.php).
 *
 * Javier pidió «lo del diseño» con el contenido ya cerrado y dio el sí el 2-oct tras ver las comparaciones
 * (00-OPERACIONES/portada-propuestas-20261002/). Salió de tres direcciones puntuadas por un jurado: gana la de
 * tipografía y retícula, con injertos de las otras dos (Primera sesión en verde hondo como momento fuerte, el
 * cierre sobre la librería de la sala, «Dónde» en claro).
 *
 * SOLO se carga en la portada, DETRÁS de 12-az-portada.css, y toda ella cuelga de `html body.home`.
 * No cambia ni una palabra: es presentación. Va con cuatro retoques de marcado en la página 2036
 * (span.a-entrada en «TNAI», span.a-voz en el titular del cierre, img.a-cierre-foto y span.a-tec en la cinta).
 * VUELTA ATRÁS: quitar el encolado «az-portada-folio» de functions.php (la página queda como antes; los cuatro
 * retoques de marcado son inertes sin esta hoja, salvo la foto del cierre: restaurar el contenido de la 2036 desde
 * backups/20261001-portada-c/pagina-2036-antes-folio-20261002.json).
 * OJO: sobre el lino (#EBE2D3) el oro de texto es #735724; el `--azs-oro-hondo` (#86672D) ahí daría 4,1:1.
 *
 * FOLIO+ (2-oct-2026, tarde) · Javier eligió Folio frente a las tres alternativas («la actual es la que vamos a dejar»)
 * y pidió cuatro cosas, que esta revisión hace sin tocar composición, orden, fondos ni texto:
 *   1. las líneas se dibujan de izquierda a derecha al entrar en pantalla (§27; en reposo, enteras);
 *   2. el Método a lo «Cuaderno»: la «TNAI» gigante en crema, cortada a sangre, y las cuatro decisiones en tabla (§10);
 *   3. su retrato pequeño: el protagonismo es del centro y del método (§13);
 *   4. la letra y los detalles de las webs de referencia: titulares finos, cursiva real, cuerpo 17-18 px, un solo
 *      botón relleno, radio y sombra 0, cifras tabulares, más aire (§1, §2, §25, §26).
 * Necesita la línea de fuentes con los cortes 300 y las cursivas reales de Cormorant (ver «Para instalar» en NOTAS.md
 * de la carpeta folio-plus); sin ella todo se ve bien, con la cursiva sintética del navegador.
 * Las apariciones del sistema pasan a ser SOLO de opacidad en la portada (§27): sin desplazamientos.
 */

/* El avance del trazo de cada filete (0 % = sin dibujar). En reposo vale 100 %: sin animación, la línea está entera. */
@property --a-p {
	syntax: '<percentage>';
	inherits: false;
	initial-value: 100%;
}

/* ═══════════════════════════════════════════════════════════════════════════════════════════════
 * PROPUESTA FINAL · «FOLIO» · tipografía y retícula (dirección A) con cuatro injertos de B y C
 * Prefijo de toda la capa: html body.home .azs.azs-pC.azs-pC  (0,4,2): gana a las reglas de producción
 * por especificidad; solo lleva !important donde producción ya pinta con !important (colores, alturas de img).
 * Sin movimiento nuevo: se conservan las apariciones del sistema.
 * ═══════════════════════════════════════════════════════════════════════════════════════════════ */

/* ── 0 · Tokens ───────────────────────────────────────────────────────────────────────────────── */
html body.home .azs.azs-pC.azs-pC,
html body.home .az-authority-block {
	--a-lino: #EBE2D3;            /* derivado del crema hacia el texto: tercer papel (texto 6,6:1 · tinta 8,3:1) */
	--a-oro-lino: #735724;        /* oro de texto sobre lino: 5,2:1 */
	--a-filete: rgba(55, 65, 47, .22);
	--a-filete-claro: rgba(245, 239, 231, .2);
	--a-hilo: rgba(210, 173, 99, .5);   /* el tramo de hilo entre cifras, sobre verde */
	--a-gap: clamp(1.25rem, 2.2vw, 2rem);
	--a-canal: clamp(1.25rem, 5vw, 2.5rem);   /* el margen de la caja, el mismo que el del sistema */
	--a-caja: 80rem;
	--a-orla: linear-gradient(90deg, var(--azs-oro) 0 2.5rem, var(--a-filete) 2.5rem 100%);
	--a-orla-clara: linear-gradient(90deg, var(--azs-oro) 0 2.5rem, var(--a-filete-claro) 2.5rem 100%);
	--a-col: var(--a-filete);     /* color del filete que se dibuja (§27); cada fondo pone el suyo */
	--a-aire: 7.5rem;             /* Folio+: 120 px de aire de capítulo a 1440 (antes 80-104; The Well ≈130, SHA ≈130) */
}

/* La caja de la página se abre a 1280: deja sitio a la columna de margen. */
html body.home .azs.azs-pC.azs-pC .azs-sec > .azs-caja { max-width: var(--a-caja); }

/* ── 1 · El cuerpo de lectura ─────────────────────────────────────────────────────────────────── */
/* Folio+: Alexandria 300 a 17 px (móvil) y 18 px (1440), interlineado 1.6, medida ≈55 car. (The Well 56, Lanserhof 47-58) */
html body.home .azs.azs-pC.azs-pC .azs-prosa { font-size: 1.0625rem; font-weight: 300; line-height: 1.62; max-width: 36rem; }
html body.home .azs.azs-pC.azs-pC .azs-prosa p { text-wrap: pretty; hanging-punctuation: first; }
@media (min-width: 62rem) {
	html body.home .azs.azs-pC.azs-pC .azs-prosa { font-size: 1.125rem; line-height: 1.6; }
}
/* Folio+: titulares finos (Cormorant 400, cero negritas: The Well 200, SHA 300, Aman y Kinfolk 400) y tracking +0,01 em */
html body.home .azs.azs-pC.azs-pC h2 { max-width: none; text-wrap: balance; font-weight: 400; letter-spacing: .01em; }

/* ── 2 · EL FILETE Y EL ANTETÍTULO COLGADO ───────────────────────────────────────────────────────
 * Un solo filete para toda la página: línea fina con la cabeza de oro. Sobre él, el antetítulo
 * en versalitas espaciadas. En escritorio vive en la columna de margen; en móvil es un titulillo. */
html body.home .azs.azs-pC.azs-pC .azs-sec:not(.azs-hero) .azs-kicker {
	display: block;
	margin: 0 0 1.5rem;
	font-size: .75rem;
	font-weight: 500;          /* Folio+: 500 y +0,18 em (antetítulos de 11-12 px, +0,16-0,2 em en las referencias) */
	letter-spacing: .18em;
	line-height: 1.55;
	text-wrap: balance;
}
html body.home .azs.azs-pC.azs-pC .azs-sec:not(.azs-hero) .azs-kicker::after { content: none; }
html body.home .azs.azs-pC.azs-pC .azs-sec:not(.azs-hero) .azs-kicker::before {
	content: '';
	display: block;
	height: 1px;
	margin: 0 0 .9rem;
	background: var(--a-orla);
	transform-origin: left center;   /* Folio+: la orla se traza desde la cabeza de oro (§27) */
}
html body.home .azs.azs-pC.azs-pC :is(.azs-sec--oscura, .azp-primera) .azs-kicker::before { background: var(--a-orla-clara); }
html body.home .azs.azs-pC.azs-pC .azp-donde .azs-kicker::before { background: var(--a-orla); }

/* ── 3 · HERO ─────────────────────────────────────────────────────────────────────────────────── */
html body.home .azs.azs-pC.azs-pC .azs-hero > .azs-caja { max-width: var(--a-caja); }
html body.home .azs.azs-pC.azs-pC .azs-hero .azs-kicker { letter-spacing: .24em; }
html body.home .azs.azs-pC.azs-pC .azs-hero .azs-kicker::after { content: none; }
html body.home .azs.azs-pC.azs-pC .azs-hero .azs-kicker::before {
	content: '';
	flex: none;
	width: 2.5rem;
	height: 1px;
	background: var(--azs-oro);
}
html body.home .azs.azs-pC.azs-pC .azs-hero h1 { font-weight: 400; } /* Folio+: el titular, fino */
html body.home .azs.azs-pC.azs-pC .azs-hero .azp-que .azp-que-centro { font-style: italic; font-weight: 400; letter-spacing: 0; }
/* El teléfono se queda en Alexandria seminegrita (se reconoce como número al que llamar); solo cifras de caja alta. */
html body.home .azs.azs-pC.azs-pC .azs-hero .azs-tel a { font-variant-numeric: lining-nums; }
/* Las insignias dejan de ser píldoras: un colofón con separadores de filete. El enlace conserva 44 px de dedo. */
html body.home .azs.azs-pC.azs-pC .azs-hero .azs-insignias { align-items: center; gap: .25rem 0; padding-top: 1rem; border-top: 1px solid var(--a-filete-claro); max-width: 48rem; }
html body.home .azs.azs-pC.azs-pC .azs-hero .azs-insignias li { white-space: nowrap; }
html body.home .azs.azs-pC.azs-pC .azs-hero .azs-insignias li,
html body.home .azs.azs-pC.azs-pC .azs-hero .azs-insignias a {
	padding: .2rem 1.1rem;
	background: none;
	border: 0;
	border-radius: 0;
	font-size: .8125rem;
	letter-spacing: .06em;
	line-height: 1.4;
}
html body.home .azs.azs-pC.azs-pC .azs-hero .azs-insignias a { display: inline-flex; align-items: center; min-height: 2.75rem; padding-block: 0; }
html body.home .azs.azs-pC.azs-pC .azs-hero .azs-insignias li:first-child,
html body.home .azs.azs-pC.azs-pC .azs-hero .azs-insignias li:first-child a { padding-left: 0; }
html body.home .azs.azs-pC.azs-pC .azs-hero .azs-insignias li + li { border-left: 1px solid rgba(210, 173, 99, .45); }
html body.home .azs.azs-pC.azs-pC .azs-hero .azs-insignias li:has(> a) { padding: 0; }
html body.home .azs.azs-pC.azs-pC .azs-hero .azs-insignias a { text-decoration: underline; text-decoration-thickness: 1px; text-decoration-color: rgba(210, 173, 99, .5); text-underline-offset: .3em; }
html body.home .azs.azs-pC.azs-pC .azs-hero .azs-insignias a:hover { text-decoration-color: currentColor; }
@media (min-width: 62rem) {
	html body.home .azs.azs-pC.azs-pC .azs-hero { padding-block: 9.5rem 4rem; }
	html body.home .azs.azs-pC.azs-pC .azs-hero h1 { font-size: clamp(3.5rem, 1rem + 5vw, 5.5rem); line-height: .96; letter-spacing: 0; max-width: 8.6em; margin-bottom: 2rem; }
	html body.home .azs.azs-pC.azs-pC .azs-hero .azp-que .azp-que-centro { font-size: clamp(1.75rem, 1rem + 1.2vw, 2.125rem); line-height: 1.12; margin-bottom: .75rem; max-width: 17em; }
	html body.home .azs.azs-pC.azs-pC .azs-hero .azp-que .azp-que-con { font-size: 1rem; letter-spacing: .02em; }
	html body.home .azs.azs-pC.azs-pC .azs-hero .azs-tel { margin-top: .9rem; }
	/* repaso: el filete mide lo que el colofón, no 48rem (acababa en mitad de la foto) */
	html body.home .azs.azs-pC.azs-pC .azs-hero .azs-insignias { max-width: none; width: fit-content; }
}
@media (max-width: 48rem) {
	/* Móvil: mismas medidas que hoy (la primera pantalla no crece). Solo cambia la voz. */
	html body.home .azs.azs-pC.azs-pC .azs-hero .azs-kicker { display: flex; align-items: center; gap: .85rem; }
	html body.home .azs.azs-pC.azs-pC .azs-hero .azs-kicker::before { width: 1.75rem; }
	html body.home .azs.azs-pC.azs-pC .azs-hero .azp-que .azp-que-centro { font-size: 1.3125rem; line-height: 1.16; }
	/* el colofón, una línea por dato (los separadores verticales caían a principio de línea) */
	html body.home .azs.azs-pC.azs-pC .azs-hero .azs-insignias { flex-direction: column; align-items: flex-start; gap: 0; }
	html body.home .azs.azs-pC.azs-pC .azs-hero .azs-insignias li,
	html body.home .azs.azs-pC.azs-pC .azs-hero .azs-insignias li + li { border-left: 0; padding-left: 0; }
}

/* ── 4 · CINTA ────────────────────────────────────────────────────────────────────────────────── */
html body.home .azs.azs-pC.azs-pC .azs-tira { border-top: 1px solid rgba(196, 155, 87, .35); border-bottom: 1px solid rgba(196, 155, 87, .18); letter-spacing: .18em; }
/* repaso: cada técnica con su punto va en un <span class="a-tec"> (parche.py) que no se parte; la cinta quieta corta entre técnicas */
html body.home .azs.azs-pC.azs-pC .azs-tira .azs-tira-pista { text-wrap: balance; }
html body.home .azs.azs-pC.azs-pC .azs-tira .azs-tira-pista > .a-tec { margin: 0; white-space: nowrap; color: var(--azs-crema) !important; }
html body.home .azs.azs-pC.azs-pC .azs-tira .azs-tira-pista > .a-tec > span { margin-inline: 1.4em; color: var(--azs-oro) !important; }

/* ── 5 · FONDOS POR CAPÍTULOS ─────────────────────────────────────────────────────────────────────
 * papel · lino · verde, y nunca dos claros iguales seguidos ni dos verdes pegados:
 * Procesos papel → banda → Método verde → Guía (lámina de oro a caballo) → Terapias papel → Javier + Opiniones lino
 * → PRIMERA SESIÓN verde hondo (el clímax) → Programas papel → Autoridad lino → Dónde papel → Cierre sala con velo
 * → Boletín crema → Instituto y pie. */
html body.home .azs.azs-pC.azs-pC .azp-procesos,
html body.home .azs.azs-pC.azs-pC .azp-terapias-sec,
html body.home .azs.azs-pC.azs-pC .azp-programas,
html body.home .azs.azs-pC.azs-pC .azp-donde { background: var(--azs-papel); }
html body.home .azs.azs-pC.azs-pC .azp-javier,
html body.home .azs.azs-pC.azs-pC .azp-opiniones { background: var(--a-lino); }
html body.home .azs.azs-pC.azs-pC .azp-primera { background: var(--azs-verde-hondo); color: var(--azs-texto-oscuro); }
html body.home .azs.azs-pC.azs-pC :is(.azp-javier, .azp-opiniones) .azs-kicker { color: var(--a-oro-lino) !important; }
/* Subcapítulo: Opiniones sigue a Javier en la misma superficie; el filete los separa (no otro color) */
html body.home .azs.azs-pC.azs-pC .azp-opiniones { padding-top: 0; }
html body.home .azs.azs-pC.azs-pC .azp-opiniones > .azs-caja { padding-top: var(--azs-e6); background: none; } /* repaso: el filete del antetítulo basta; no dos líneas seguidas */

/* ── 6 · LA RETÍCULA (escritorio) ─────────────────────────────────────────────────────────────────
 * 12 columnas; las dos primeras son el margen. Cada sección coloca sus piezas a mano (filas explícitas). */
@media (min-width: 62rem) {
	html body.home .azs.azs-pC.azs-pC :is(.azp-procesos, .azp-metodo, .azp-guia, .azp-terapias-sec, .azp-opiniones, .azp-primera, .azp-programas, .azp-donde, .azp-boletin) > .azs-caja {
		display: grid;
		grid-template-columns: repeat(12, minmax(0, 1fr));
		grid-template-rows: none;
		grid-auto-rows: auto;
		column-gap: var(--a-gap);
		row-gap: 0;
		align-items: start;
	}
	html body.home .azs.azs-pC.azs-pC :is(.azp-procesos, .azp-metodo, .azp-guia, .azp-terapias-sec, .azp-opiniones, .azp-primera, .azp-programas, .azp-donde, .azp-boletin) > .azs-caja > * { grid-column: 3 / -1; margin-top: 0; max-width: none; }
	/* el antetítulo, colgado en el margen a la altura del titular */
	html body.home .azs.azs-pC.azs-pC :is(.azp-procesos, .azp-metodo, .azp-terapias-sec, .azp-opiniones, .azp-primera, .azp-programas, .azp-donde) > .azs-caja > .azs-kicker { grid-area: 1 / 1 / 2 / 3; margin: 0; padding: .35rem 1rem 0 0; }
	html body.home .azs.azs-pC.azs-pC :is(.azp-procesos, .azp-metodo, .azp-terapias-sec, .azp-opiniones, .azp-primera, .azp-programas, .azp-donde) > .azs-caja > h2 { grid-row: 1; margin: 0; }
	/* donde no hay antetítulo, el margen lleva solo la cabeza de oro del filete */
	html body.home .azs.azs-pC.azs-pC :is(.azp-guia, .azp-boletin) > .azs-caja::before {
		content: ''; grid-area: 1 / 1 / 2 / 3; align-self: start; width: 100%; height: 1px; margin-top: 1.1rem; background: var(--a-orla);
	}
}

/* ── 7 · PROCESOS · portadilla de capítulo ───────────────────────────────────────────────────── */
html body.home .azs.azs-pC.azs-pC .azp-procesos h2 { font-size: clamp(2.125rem, 1.3rem + 3.8vw, 4.5rem); line-height: 1.04; letter-spacing: .005em; }
html body.home .azs.azs-pC.azs-pC .azp-procesos h2 span + span { font-style: italic; }
html body.home .azs.azs-pC.azs-pC .azp-procesos .azs-prosa { font-size: 1.125rem; margin-top: 1.75rem; }
html body.home .azs.azs-pC.azs-pC .azp-procesos ul.azs-lista li { font-size: clamp(1.625rem, 1.2rem + 1.2vw, 2.125rem); font-weight: 400; line-height: 1.14; letter-spacing: .01em; padding: 1.15rem 0 1.2rem; }
html body.home .azs.azs-pC.azs-pC .azp-procesos .azs-lista { border-top-color: var(--a-filete); }
@media (min-width: 62rem) {
	/* repaso: una sola columna de lectura y la lista en dos columnas de la retícula (la 2.ª arranca en la col. 8):
	desaparece el hueco de ~450 px que dejaba la prosa junto a la lista */
	html body.home .azs.azs-pC.azs-pC .azp-procesos > .azs-caja > .azs-prosa { grid-area: 2 / 3 / 3 / 9; margin-top: 2.5rem; }
	html body.home .azs.azs-pC.azs-pC .azp-procesos.azs-sec > .azs-caja > .azp-lado { grid-area: 3 / 3 / 4 / -1; margin-top: 3rem; }
	html body.home .azs.azs-pC.azs-pC .azp-procesos .azp-lado ul.azs-lista { grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: var(--a-gap); border-top: 0; max-width: none; }
	html body.home .azs.azs-pC.azs-pC .azp-procesos .azp-lado ul.azs-lista > li:nth-child(-n+2) { border-top: 1px solid var(--a-filete); }
}

/* ── 8 · BANDA · el pie alineado a la retícula ───────────────────────────────────────────────── */
@media (min-width: 48.0625rem) {
	html body.home .azs.azs-pC.azs-pC .azs-banda figcaption { padding-inline: max(2.5rem, calc((100vw - var(--a-caja)) / 2 + 2.5rem)); letter-spacing: .2em; }
}

@media (max-width: 48rem) {
	html body.home .azs.azs-pC.azs-pC .azs-banda figcaption { letter-spacing: .12em; text-wrap: balance; } /* repaso: sin «PLASENCIA» sola */
}

/* ── 9 · EL NUMERAL ENSARTADO (Primera sesión 1-3) ───────────────────────────────────────────────
 * La cifra: Cormorant cursiva de caja alta, 52 px, oro claro sobre verde. Un tramo de hilo fino une cada cifra con la
 * siguiente (no hay cola tras la última); en Folio+ el tramo se traza al entrar en pantalla (§27).
 * Móvil: cifra colgada a la izquierda y el tramo cae en vertical hasta la siguiente.
 * Escritorio: los pasos se leen en una fila y el tramo corre en horizontal: 1 —— 2 —— 3.
 * (Folio+: el Método deja este numeral y pasa a tabla con numeral pequeño, §10.) */
html body.home .azs.azs-pC.azs-pC .azp-primera .azs-pasos { border: 0; }
html body.home .azs.azs-pC.azs-pC .azp-primera .azs-pasos > * {
	position: relative;
	display: grid;
	grid-template-columns: 3rem minmax(0, 1fr);
	column-gap: 1rem;
	align-content: start;
	padding: 1.5rem 0 1.75rem;
	border: 0;
}
html body.home .azs.azs-pC.azs-pC .azp-primera .azs-pasos > *::before {
	content: counter(azs-paso);
	grid-row: 1 / span 2;
	margin: 0;
	font-family: var(--azs-display);
	font-size: 3.25rem;
	font-style: italic;
	font-weight: 400;
	line-height: .78;
	letter-spacing: 0;
	font-variant-numeric: lining-nums proportional-nums;
	color: var(--azs-oro-claro);
}
html body.home .azs.azs-pC.azs-pC .azp-primera .azs-pasos > :not(:last-child)::after {
	content: '';
	position: absolute;
	top: 5rem;
	bottom: -1rem;
	left: .85rem;
	width: 1px;
	background: var(--a-hilo);
	pointer-events: none;
	transform-origin: center top;
}
html body.home .azs.azs-pC.azs-pC .azp-primera .azs-pasos h3 { font-size: clamp(1.5rem, 1.3rem + .5vw, 1.75rem); font-weight: 400; line-height: 1.14; letter-spacing: .01em; }
html body.home .azs.azs-pC.azs-pC .azp-primera .azs-pasos p { font-size: 1rem; font-weight: 300; line-height: 1.6; }
@media (min-width: 62rem) {
	html body.home .azs.azs-pC.azs-pC .azp-primera .azs-pasos { --a-hueco: 2.5rem; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); column-gap: var(--a-hueco); row-gap: 0; }
	html body.home .azs.azs-pC.azs-pC .azp-primera .azs-pasos > * { display: block; padding: 0; }
	html body.home .azs.azs-pC.azs-pC .azp-primera .azs-pasos > *::before { display: block; width: max-content; margin: 0 0 1.4rem; }
	html body.home .azs.azs-pC.azs-pC .azp-primera .azs-pasos > :not(:last-child)::after {
		top: 1.3rem;
		bottom: auto;
		left: 2.9rem;
		right: calc(-1 * var(--a-hueco) + 1.5rem);
		width: auto;
		height: 1px;
		transform-origin: left center;
	}
	html body.home .azs.azs-pC.azs-pC .azp-primera .azs-pasos h3 { margin: 0 0 .6rem; }
	html body.home .azs.azs-pC.azs-pC .azp-primera .azs-pasos p { font-size: 1.0625rem; }
}

/* ── 10 · MÉTODO · a lo «Cuaderno», con la marca de Folio ─────────────────────────────────────────
 * Javier (2-oct): «cómo está puesta la parte de Metodología propia, el Método Zentro TNAI, y cómo las letras T, N, A, I
 * están en grande; ese bloque me parece muy interesante». La sigla gigante es el span.a-entrada que YA abre el párrafo
 * (no es texto nuevo): Cormorant 300 en crema, anclada a la derecha y cortada a sangre por el borde de la ventana
 * (la I asoma a medias; T, N y A enteras). El párrafo sigue debajo, en la columna derecha (col. 8-12, ≈50 car.).
 * Las cuatro decisiones, en tabla de cuatro columnas con filetes verticales finos, numeral pequeño en oro claro
 * (Cormorant 22 px, cifras tabulares, 5,4:1 sobre el verde), el nombre en la serifa y la descripción asentada abajo.
 * En móvil, filas con filete. El antetítulo sigue colgado en el margen con la orla de Folio. */
html body.home .azs.azs-pC.azs-pC .azp-metodo {
	overflow: clip;   /* la sigla sale por la derecha: clip, nunca hidden (no rompe view()) */
	--a-sangre: calc(max(0px, (100vw - var(--a-caja)) / 2) + var(--a-canal));   /* del borde de la caja al de la ventana */
}
html body.home .azs.azs-pC.azs-pC .azp-metodo h2 { font-size: clamp(2.375rem, 1.5rem + 3.4vw, 4.5rem); line-height: 1.04; letter-spacing: .01em; }
html body.home .azs.azs-pC.azs-pC .azp-metodo .azs-prosa { margin-top: 1.25rem; max-width: none; }
html body.home .azs.azs-pC.azs-pC .azp-metodo .azs-prosa p { max-width: 38rem; color: var(--azs-texto-oscuro) !important; }
html body.home .azs.azs-pC.azs-pC .azp-metodo .azs-prosa .a-entrada {
	display: block;
	direction: rtl;   /* anclada a la DERECHA: si no cabe, desborda hacia la izquierda (la sigla es toda latina: se lee igual) */
	text-align: start;
	margin: 0 calc(-1 * var(--a-sangre) - .1em) .06em 0;   /* la caja sale de la ventana .1em: la I asoma a medias */
	font-family: var(--azs-display);
	font-size: clamp(10rem, 5.6rem + 13.2vw, 17.5rem);   /* 160 px en móvil · 280 a 1440 */
	font-style: normal;
	font-weight: 300;
	line-height: .8;
	letter-spacing: 0;
	text-indent: 0;
	white-space: nowrap;
	color: var(--azs-crema) !important;
}
html body.home .azs.azs-pC.azs-pC .azp-metodo .azp-rotulo {
	margin: 3.5rem 0 0;
	padding: 0;
	border: 0;
	max-width: none;
	font-size: clamp(1.375rem, 1.1rem + .9vw, 1.875rem);
	font-style: italic;
	font-weight: 400;
	line-height: 1.3;
	letter-spacing: .01em;
	color: var(--azs-crema) !important;
}
/* la tabla de las cuatro decisiones */
html body.home .azs.azs-pC.azs-pC .azs-rejilla.azp-decisiones {
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	gap: 0;
	margin: 1.5rem 0 0;
	padding: 0;
	background: none;
	border: 0;
	border-top: 1px solid rgba(245, 239, 231, .5);
	border-bottom: 1px solid var(--a-filete-claro);
	border-radius: 0;
}
html body.home .azs.azs-pC.azs-pC .azs-rejilla.azp-decisiones > * {
	display: flex;
	flex-direction: column;
	gap: 0;
	min-height: 0;
	padding: 1.25rem 0 1.5rem;
	background: none;
	border: 0;
	border-top: 1px solid var(--a-filete-claro);
	border-radius: 0;
	box-shadow: none;
}
html body.home .azs.azs-pC.azs-pC .azs-rejilla.azp-decisiones > :first-child { border-top: 0; }
html body.home .azs.azs-pC.azs-pC .azs-rejilla.azp-decisiones > *:hover { background: none; box-shadow: none; }
html body.home .azs.azs-pC.azs-pC .azs-rejilla.azp-decisiones > *::before {
	grid-row: auto;
	margin: 0 0 .9rem;
	font-family: var(--azs-display);
	font-size: 1.375rem;
	font-style: normal;
	font-weight: 500;
	line-height: 1;
	letter-spacing: 0;
	font-variant-numeric: lining-nums tabular-nums;
	color: var(--azs-oro-claro);
}
html body.home .azs.azs-pC.azs-pC .azp-decisiones h4 { grid-column: auto; margin: 0; font-size: clamp(1.5rem, 1.3rem + .6vw, 1.875rem); font-weight: 400; line-height: 1.15; letter-spacing: .01em; text-wrap: balance; color: var(--azs-crema) !important; }
html body.home .azs.azs-pC.azs-pC .azp-decisiones p { grid-column: auto; margin: .75rem 0 0; max-width: 34rem; font-size: 1rem; font-weight: 300; line-height: 1.6; color: var(--azs-texto-oscuro) !important; }
html body.home .azs.azs-pC.azs-pC .azp-metodo p.azs-nota {
	margin: 2.5rem 0 0;
	padding: 0;
	border: 0;
	max-width: 34rem;
	font-family: var(--azs-display);
	font-size: clamp(1.3125rem, 1.15rem + .6vw, 1.625rem);
	font-style: italic;
	font-weight: 400;
	line-height: 1.32;
	color: var(--azs-crema) !important;
}
html body.home .azs.azs-pC.azs-pC .azp-metodo > .azs-caja > .azs-acciones { margin-top: 1.75rem; }
@media (min-width: 62rem) {
	html body.home .azs.azs-pC.azs-pC .azp-metodo > .azs-caja > h2 { grid-area: 1 / 3 / 2 / 8; align-self: start; }
	/* a la derecha, la sigla EN SU SITIO (abre el párrafo, en el flujo), a la altura del titular, y el texto debajo */
	html body.home .azs.azs-pC.azs-pC .azp-metodo > .azs-caja > .azs-prosa { grid-area: 1 / 8 / 3 / -1; margin-top: 0; }
	html body.home .azs.azs-pC.azs-pC .azp-metodo .azs-prosa .a-entrada { margin-top: -.04em; margin-bottom: .05em; }
	html body.home .azs.azs-pC.azs-pC .azp-metodo .azs-prosa p { max-width: none; }
	html body.home .azs.azs-pC.azs-pC .azp-metodo > .azs-caja > .azp-rotulo { grid-area: 3 / 3 / 4 / 10; margin-top: 4rem; }
	html body.home .azs.azs-pC.azs-pC .azp-metodo > .azs-caja > .azp-decisiones { grid-area: 4 / 3 / 5 / -1; grid-template-columns: repeat(4, minmax(0, 1fr)); margin-top: 1.75rem; }
	html body.home .azs.azs-pC.azs-pC .azs-rejilla.azp-decisiones > *,
	html body.home .azs.azs-pC.azs-pC .azs-rejilla.azp-decisiones > :first-child { min-height: 16.5rem; padding: 1.25rem 1.25rem 1.75rem; border-top: 0; border-left: 1px solid var(--a-filete-claro); }
	html body.home .azs.azs-pC.azs-pC .azp-decisiones h4 { font-size: 1.625rem; letter-spacing: .005em; }
	html body.home .azs.azs-pC.azs-pC .azs-rejilla.azp-decisiones > :first-child { border-left: 0; padding-left: 0; }
	html body.home .azs.azs-pC.azs-pC .azp-decisiones p { margin-top: auto; padding-top: 2rem; font-size: 1.0625rem; }
	html body.home .azs.azs-pC.azs-pC .azp-metodo > .azs-caja > .azs-nota { grid-area: 5 / 3 / 6 / 9; margin-top: 3.5rem; }
	html body.home .azs.azs-pC.azs-pC .azp-metodo > .azs-caja > .azs-acciones { grid-area: 5 / 10 / 6 / -1; align-self: end; justify-self: end; margin: 0; }
}

/* ── 11 · GUÍA · una lámina de oro, plana, a caballo entre el verde del Método y el papel de Terapias ──
 * Vuelve el único acento cálido de esa zona sin ser «la franja de otra web»: el oro ocupa exactamente la caja
 * de la página (sus 12 columnas son las de la retícula), sin radio ni sombra. Texto en verde hondo (5,2:1).
 * Folio+: el botón pasa de relleno verde a CONTORNO de 1 px verde hondo (un solo botón relleno en toda la página:
 * «Reservar», en oro; Aman, The Well y Lanserhof no rellenan el segundo). Se rellena solo al pasar el ratón. */
html body.home .azs.azs-pC.azs-pC .azp-guia {
	padding-block: 0;
	border: 0;
	background: linear-gradient(180deg, var(--azs-verde) 0 50%, var(--azs-papel) 50% 100%);
}
html body.home .azs.azs-pC.azs-pC .azp-guia > .azs-caja {
	width: calc(min(100%, var(--a-caja)) - 2 * var(--a-canal));
	max-width: none;
	margin-inline: auto;
	padding: 2.25rem 1.5rem 2rem;
	background: var(--azs-oro);
}
html body.home .azs.azs-pC.azs-pC .azp-guia h2 { font-size: clamp(1.875rem, 1.3rem + 2vw, 3rem); font-style: italic; font-weight: 400; line-height: 1.1; max-width: 18ch; color: var(--azs-verde-hondo) !important; }
html body.home .azs.azs-pC.azs-pC .azp-guia p.azp-guia-texto { color: var(--azs-verde-hondo) !important; font-size: 1.0625rem; font-weight: 400; }
html body.home .azs.azs-pC.azs-pC .azp-guia .azs-btn { background: transparent; border: 1px solid var(--azs-verde-hondo); }
html body.home .azs.azs-pC.azs-pC .azp-guia a.azs-btn { color: var(--azs-verde-hondo) !important; }
html body.home .azs.azs-pC.azs-pC .azp-guia .azs-btn:hover { background: var(--azs-verde-hondo); border-color: var(--azs-verde-hondo); }
html body.home .azs.azs-pC.azs-pC .azp-guia a.azs-btn:hover { color: var(--azs-crema) !important; }
html body.home .azs.azs-pC.azs-pC .azp-guia a.azs-btn:focus-visible { outline: 2px solid var(--azs-verde-hondo); outline-offset: 3px; box-shadow: none; }
@media (min-width: 62rem) {
	html body.home .azs.azs-pC.azs-pC .azp-guia > .azs-caja { padding: 3.75rem 0 3.5rem; }
	html body.home .azs.azs-pC.azs-pC .azp-guia > .azs-caja::before { width: calc(100% - 2.5rem); margin-left: 2.5rem; background: linear-gradient(90deg, var(--azs-verde-hondo) 0 2.5rem, rgba(42, 49, 36, .3) 2.5rem 100%); }
	html body.home .azs.azs-pC.azs-pC .azp-guia > .azs-caja > h2 { grid-area: 1 / 3 / 3 / 8; margin: 0; }
	html body.home .azs.azs-pC.azs-pC .azp-guia > .azs-caja > .azp-guia-texto { grid-area: 1 / 8 / 2 / 12; align-self: end; padding-top: .4rem; }
	html body.home .azs.azs-pC.azs-pC .azp-guia > .azs-caja > .azs-acciones { grid-area: 2 / 8 / 3 / 12; }
}

/* ── 12 · TERAPIAS · un índice sobre la retícula de la página ─────────────────────────────────── */
html body.home .azs.azs-pC.azs-pC .azp-terapias-sec h2 { font-size: clamp(2.125rem, 1.5rem + 2.4vw, 3.5rem); line-height: 1.04; }
html body.home .azs.azs-pC.azs-pC .azp-terapias-sec .azp-destacado { font-style: italic; font-weight: 400; font-size: clamp(1.5rem, 1.15rem + 1.1vw, 2rem); line-height: 1.18; border-left: 0; padding: 0; max-width: 24ch; }
html body.home .azs.azs-pC.azs-pC .azp-terapias-sec .azp-destacado-enlace { border-left: 0; padding-left: 0; }
html body.home .azs.azs-pC.azs-pC .azp-terapias-sec .azs-prosa { margin-top: 1.25rem; }
html body.home .azs.azs-pC.azs-pC .azs-rejilla.azp-terapias { margin-top: 3rem; border-top-color: var(--azs-tinta); }
html body.home .azs.azs-pC.azs-pC .azp-terapias h3 { font-size: clamp(1.5rem, 1.15rem + 1.2vw, 2.25rem); font-weight: 400; letter-spacing: .01em; }
html body.home .azs.azs-pC.azs-pC .azp-terapias > * > p:not(.azp-ver) { font-size: 1rem; font-weight: 300; line-height: 1.6; }
@media (max-width: 61.99rem) {
	html body.home .azs.azs-pC.azs-pC .azp-terapias-sec .azp-destacado { margin-top: 1.75rem; padding-top: 1.25rem; border-top: 1px solid var(--a-filete); max-width: none; } /* repaso: el filete llega al margen */
}
@media (min-width: 62rem) {
	html body.home .azs.azs-pC.azs-pC .azp-terapias-sec > .azs-caja > h2 { grid-area: 1 / 3 / 2 / 8; }
	html body.home .azs.azs-pC.azs-pC .azp-terapias-sec > .azs-caja > .azs-prosa { grid-area: 2 / 3 / 3 / 7; }
	html body.home .azs.azs-pC.azs-pC .azp-terapias-sec > .azs-caja > .azp-destacado { grid-area: 1 / 8 / 2 / -1; align-self: start; padding: .45rem 0 0; }
	html body.home .azs.azs-pC.azs-pC .azp-terapias-sec > .azs-caja > .azp-destacado-enlace { grid-area: 2 / 8 / 3 / -1; margin: .75rem 0 0; }
	/* el índice corre de margen a margen y sus columnas SON las de la página */
	html body.home .azs.azs-pC.azs-pC .azp-terapias-sec > .azs-caja > .azp-terapias { grid-area: 3 / 1 / 4 / -1; margin-top: 4rem; }
	html body.home .azs.azs-pC.azs-pC .azs-rejilla.azp-terapias > *,
	html body.home .azs.azs-pC.azs-pC .azs-rejilla.azp-terapias > :last-child {
		grid-column: 1 / -1;
		grid-template-columns: repeat(12, minmax(0, 1fr));
		column-gap: var(--a-gap);
		align-items: baseline;
		padding: 1.6rem 0 1.5rem;
	}
	html body.home .azs.azs-pC.azs-pC .azp-terapias h3 { grid-column: 1 / 6; }
	html body.home .azs.azs-pC.azs-pC .azp-terapias > * > p:not(.azp-ver) { grid-column: 6 / 11; max-width: 30rem; font-size: 1.0625rem; }
	html body.home .azs.azs-pC.azs-pC .azp-terapias p.azp-ver { grid-column: 11 / 13; grid-row: 1; justify-self: end; align-self: center; }
}

/* ── 13 · JAVIER · «quién te atiende», sobrio: el retrato pequeño y preciso ───────────────────────
 * Javier (2-oct): «la foto mía, quiero que salga de tamaño pequeño; no quiero el protagonismo para mí, sino para el
 * centro y para el método». El retrato pasa de 482 px de ancho a 16rem (256 × 320, 4:5), arriba a la derecha de la
 * retícula, junto al nombre; el antetítulo vuelve al margen como en todos los capítulos y el texto conserva la columna
 * principal (col. 3). En móvil, 8,5rem (136 × 170) a la izquierda del antetítulo y el nombre; nunca a todo el ancho.
 * La foto conserva su alt y su animación de barrido del sistema. */
html body.home .azs.azs-pC.azs-pC .azp-javier h2 { font-size: clamp(2.125rem, 1.5rem + 2.4vw, 3.5rem); line-height: 1.04; }
html body.home .azs.azs-pC.azs-pC .azp-javier .azs-persona {
	display: grid;
	grid-template-columns: 8.5rem minmax(0, 1fr);
	grid-template-rows: minmax(0, 1fr) auto;
	column-gap: 1.25rem;
	row-gap: 0;
	align-items: start;
}
html body.home .azs.azs-pC.azs-pC .azp-javier .azs-persona > p:empty { display: none; }   /* el <p></p> vacío que deja wpautop tras la foto */
html body.home .azs.azs-pC.azs-pC .azp-javier .azs-persona > div { display: contents; }
html body.home .azs.azs-pC.azs-pC .azp-javier .azs-persona > img,
html body.home .page-content .azs.azs-pC.azs-pC .azp-javier .azs-persona > img {
	grid-area: 1 / 1 / 3 / 2;
	position: static;
	display: block;
	width: 100%;
	max-width: none !important;
	aspect-ratio: 4 / 5;
	object-fit: cover;
	height: 10.625rem !important;   /* 4:5 exacto: el aspect-ratio solo no gana al alto intrínseco del <img> */
	object-position: 50% 16%;
	margin: 0;
	border-radius: 0;
	box-shadow: none;
}
html body.home .azs.azs-pC.azs-pC .azp-javier .azs-persona > div > .azs-kicker { grid-area: 1 / 2 / 2 / 3; align-self: end; margin: 0 0 .75rem; }
html body.home .azs.azs-pC.azs-pC .azp-javier .azs-persona > div > h2 { grid-area: 2 / 2 / 3 / 3; align-self: end; margin: 0; }
html body.home .azs.azs-pC.azs-pC .azp-javier .azs-persona > div > :is(.azs-prosa, .azs-lista, .azs-acciones) { grid-column: 1 / -1; }
html body.home .azs.azs-pC.azs-pC .azp-javier .azs-persona > div > .azs-prosa { margin-top: 2rem; }
html body.home .azs.azs-pC.azs-pC .azp-javier .azs-lista { max-width: none; margin-top: 2rem; border-top-color: var(--a-filete); }
html body.home .azs.azs-pC.azs-pC .azp-javier .azs-lista li { padding: 1.05rem 0 1.05rem 0; font-size: 1rem; font-weight: 300; line-height: 1.6; }
html body.home .azs.azs-pC.azs-pC .azp-javier .azs-lista li::before { content: none; }
html body.home .azs.azs-pC.azs-pC .azp-javier .azs-lista strong { font-family: var(--azs-display); font-size: 1.3125rem; font-weight: 500; letter-spacing: .005em; color: var(--azs-tinta); }
html body.home .azs.azs-pC.azs-pC .azp-javier .azs-lista a { color: var(--a-oro-lino) !important; }
html body.home .azs.azs-pC.azs-pC .azp-javier .azs-persona > div > .azs-acciones { margin-top: 2rem; }
@media (min-width: 62rem) {
	html body.home .azs.azs-pC.azs-pC .azp-javier .azs-persona { grid-template-columns: repeat(12, minmax(0, 1fr)); grid-template-rows: none; column-gap: var(--a-gap); }
	html body.home .azs.azs-pC.azs-pC .azp-javier .azs-persona > img,
	html body.home .page-content .azs.azs-pC.azs-pC .azp-javier .azs-persona > img { grid-area: 1 / 10 / 5 / -1; justify-self: end; width: 16rem; height: 20rem !important; margin-top: .35rem; }
	html body.home .azs.azs-pC.azs-pC .azp-javier .azs-persona > div > .azs-kicker { grid-area: 1 / 1 / 2 / 3; align-self: start; margin: 0; padding: .35rem 1rem 0 0; }
	html body.home .azs.azs-pC.azs-pC .azp-javier .azs-persona > div > h2 { grid-area: 1 / 3 / 2 / 9; align-self: start; }
	html body.home .azs.azs-pC.azs-pC .azp-javier .azs-persona > div > .azs-prosa { grid-area: 2 / 3 / 3 / 9; margin-top: 1.5rem; }
	html body.home .azs.azs-pC.azs-pC .azp-javier .azs-persona > div > .azs-lista { grid-area: 3 / 3 / 4 / 10; margin-top: 2.75rem; }
	html body.home .azs.azs-pC.azs-pC .azp-javier .azs-persona > div > .azs-acciones { grid-area: 4 / 3 / 5 / 10; margin-top: 2.5rem; }
	html body.home .azs.azs-pC.azs-pC .azp-javier .azs-lista li { font-size: 1.0625rem; }
}

/* ── 14 · OPINIONES · el carrusel entre filetes ───────────────────────────────────────────────── */
html body.home .azs.azs-pC.azs-pC .azp-opiniones h2 { font-size: clamp(2.125rem, 1.5rem + 2vw, 3.25rem); line-height: 1.04; }
html body.home .azs.azs-pC.azs-pC .azp-opiniones .azs-prosa { font-size: 1.0625rem; line-height: 1.6; max-width: 30rem; }
html body.home .azs.azs-pC.azs-pC .azs-sec > .azs-caja > .azs-opiniones { padding-block: 2rem 1rem; border-block: 1px solid var(--a-filete); margin-top: 2.5rem; }
@media (min-width: 62rem) {
	html body.home .azs.azs-pC.azs-pC .azp-opiniones > .azs-caja > h2 { grid-area: 1 / 3 / 2 / 8; }
	html body.home .azs.azs-pC.azs-pC .azp-opiniones > .azs-caja > .azs-prosa { grid-area: 1 / 8 / 2 / -1; align-self: end; } /* repaso: columna 8, como el resto */
	html body.home .azs.azs-pC.azs-pC .azp-opiniones > .azs-caja > .azs-opiniones { grid-area: 2 / 1 / 3 / -1; margin-top: 3.5rem; }
}

/* ── 15 · PRIMERA SESIÓN · EL CLÍMAX (injerto de C) ──────────────────────────────────────────────
 * La única pared de verde hondo en mitad de la página. Sobre ella, la invitación «Cuéntanos qué te pasa» es
 * una hoja de papel a todo el ancho de la caja, sin radio ni sombra, con el titular más grande tras el h1:
 * figura clara sobre fondo oscuro, el punto más visible de la página, donde se pide el contacto. */
html body.home .azs.azs-pC.azs-pC .azp-primera h2 { font-size: clamp(2.125rem, 1.5rem + 2.4vw, 3.5rem); line-height: 1.02; color: var(--azs-crema) !important; }
html body.home .azs.azs-pC.azs-pC .azp-primera .azs-kicker { color: var(--azs-oro-claro) !important; }
html body.home .azs.azs-pC.azs-pC .azp-primera .azs-prosa { max-width: 34rem; margin-top: 1.5rem; }
html body.home .azs.azs-pC.azs-pC .azp-primera .azs-prosa p { font-family: var(--azs-display); font-size: clamp(1.375rem, 1.15rem + .7vw, 1.6875rem); font-weight: 400; line-height: 1.32; color: var(--azs-crema) !important; }
html body.home .azs.azs-pC.azs-pC .azp-primera .azs-pasos h3 { color: var(--azs-crema) !important; }
html body.home .azs.azs-pC.azs-pC .azp-primera .azs-pasos p { color: var(--azs-texto-oscuro) !important; }
html body.home .azs.azs-pC.azs-pC .azp-primera .azp-foto { border-radius: 0; background: var(--azs-verde); }
html body.home .azs.azs-pC.azs-pC .azp-primera .azs-pasos { margin-top: 2.5rem; row-gap: 0; }
/* la hoja «Cuéntanos» */
html body.home .azs.azs-pC.azs-pC .azp-primera .azp-invita-panel {
	margin-top: 3rem;
	padding: 2.5rem 1.5rem 2.25rem;
	border-radius: 0;
	background: var(--azs-papel);
}
html body.home .azs.azs-pC.azs-pC .azp-primera .azp-invita-panel h3.azp-invita-titulo { font-style: italic; font-weight: 400; font-size: clamp(2.125rem, 1.2rem + 3.9vw, 4.375rem); line-height: 1; letter-spacing: 0; color: var(--azs-tinta) !important; }
html body.home .azs.azs-pC.azs-pC .azp-primera .azp-invita-panel .azp-invita-texto p { font-size: 1.0625rem; font-weight: 300; line-height: 1.6; color: var(--azs-texto) !important; }
html body.home .azs.azs-pC.azs-pC .azp-primera .azp-invita-panel .azs-btn--principal { border-color: var(--azs-oro-hondo); }
html body.home .azs.azs-pC.azs-pC .azp-primera .azp-invita-panel .azs-btn--secundario { background: transparent; color: var(--azs-tinta) !important; border: 1px solid rgba(55, 65, 47, .6); }
html body.home .azs.azs-pC.azs-pC .azp-primera .azp-invita-panel .azs-btn--secundario:hover { background: rgba(55, 65, 47, .07); border-color: var(--azs-tinta); }
html body.home .azs.azs-pC.azs-pC .azp-primera .azp-invita-panel .azs-btn:focus-visible { outline: 2px solid var(--azs-tinta); outline-offset: 3px; box-shadow: none; }
html body.home .azs.azs-pC.azs-pC .azp-primera .azp-invita-panel > .azs-acciones { border-top-color: var(--a-filete); }
html body.home .azs.azs-pC.azs-pC .azp-primera .azp-invita-panel p.az-nota-privacidad { color: var(--azs-texto) !important; }
html body.home .azs.azs-pC.azs-pC .azp-primera .azp-invita-panel p.az-nota-privacidad a { color: var(--azs-oro-hondo) !important; }
@media (max-width: 61.99rem) {
	html body.home .azs.azs-pC.azs-pC .azp-primera .azs-pasos { grid-template-columns: minmax(0, 1fr); }
	html body.home .azs.azs-pC.azs-pC .azp-primera .azp-invita-panel { margin-inline: 0; } /* repaso: el borde cae en el margen de la página */
}
@media (min-width: 62rem) {
	html body.home .azs.azs-pC.azs-pC .azp-primera > .azs-caja > h2 { grid-area: 1 / 3 / 2 / 8; }
	html body.home .azs.azs-pC.azs-pC .azp-primera > .azs-caja > .azs-prosa { grid-area: 2 / 3 / 3 / 8; }
	/* la foto, al lado del titular (no como lámina ancha: la página no crece antes de la invitación) */
	html body.home .azs.azs-pC.azs-pC .azp-primera > .azs-caja > .azp-foto { grid-area: 1 / 9 / 3 / -1; align-self: stretch; margin: 0; height: auto; min-height: 17rem; position: relative; }
	html body.home .azs.azs-pC.azs-pC .azp-primera > .azs-caja > .azs-pasos { grid-area: 3 / 3 / 4 / -1; margin-top: 5rem; }
	html body.home .azs.azs-pC.azs-pC .azp-primera > .azs-caja > .azp-invita-panel { grid-area: 4 / 1 / 5 / -1; margin-top: 5rem; grid-template-columns: repeat(12, minmax(0, 1fr)); column-gap: var(--a-gap); row-gap: 2rem; padding: 4.5rem 0 3.75rem; }
	html body.home .azs.azs-pC.azs-pC .azp-invita-panel > h3 { grid-area: 1 / 3 / 2 / 8; }
	html body.home .azs.azs-pC.azs-pC .azp-invita-panel > .azp-invita-texto { grid-area: 1 / 8 / 2 / 12; align-self: end; }
	html body.home .azs.azs-pC.azs-pC .azp-invita-panel > .azs-acciones { grid-area: 2 / 3 / 3 / 12; padding-top: 2rem; }
	html body.home .azs.azs-pC.azs-pC .azp-invita-panel > .az-nota-privacidad { grid-area: 3 / 3 / 4 / 11; }
}

/* ── 16 · PROGRAMAS · tres duraciones como tres columnas; «3 meses» con banda de luz (injerto de B) ── */
html body.home .azs.azs-pC.azs-pC .azp-programas h2 { font-size: clamp(2.125rem, 1.5rem + 2vw, 3.25rem); line-height: 1.04; }
html body.home .azs.azs-pC.azs-pC .azp-programas .azs-prosa { margin-top: 1.25rem; }
html body.home .azs.azs-pC.azs-pC .azp-programas-lista h3 { font-size: clamp(2rem, 1.5rem + 1.6vw, 3rem); font-weight: 400; line-height: 1; letter-spacing: .01em; gap: .4rem .9rem; font-variant-numeric: lining-nums tabular-nums; }
html body.home .azs.azs-pC.azs-pC .azp-programas-lista > li:last-child h3 { font-size: clamp(1.5rem, 1.2rem + 1vw, 2rem); line-height: 1.1; }
/* el rótulo va DETRÁS de la cifra, en su misma línea de base: las tres cifras comparten línea */
html body.home .azs.azs-pC.azs-pC .azp-programas-lista h3 .azp-habitual { order: 0; flex-basis: auto; color: var(--a-oro-lino) !important; }
html body.home .azs.azs-pC.azs-pC .azp-programas-lista > li:nth-child(2) {
	padding-inline: 1.1rem .5rem;
	background: linear-gradient(90deg, rgba(196, 155, 87, .16), rgba(196, 155, 87, 0) 85%);
	box-shadow: inset 2px 0 0 var(--azs-oro);
}
html body.home .azs.azs-pC.azs-pC .azp-programas-lista p { font-size: 1rem; font-weight: 300; line-height: 1.6; }
@media (min-width: 62rem) { html body.home .azs.azs-pC.azs-pC .azp-programas-lista p { font-size: 1.0625rem; } }
html body.home .azs.azs-pC.azs-pC .azp-programas-lista > li { padding-block: 1.5rem 1.75rem; }
@media (min-width: 62rem) {
	html body.home .azs.azs-pC.azs-pC .azp-programas > .azs-caja > h2 { grid-area: 1 / 3 / 2 / 9; }
	html body.home .azs.azs-pC.azs-pC .azp-programas > .azs-caja > .azs-prosa { grid-area: 2 / 3 / 3 / 8; }
	html body.home .azs.azs-pC.azs-pC .azp-programas.azs-sec > .azs-caja > .azp-programas-lista { grid-area: 3 / 3 / 4 / -1; grid-template-columns: repeat(3, minmax(0, 1fr)); column-gap: var(--azs-e5); margin-top: 3rem; align-self: start; }
	html body.home .azs.azs-pC.azs-pC .azp-programas-lista > li { display: grid; grid-template-rows: subgrid; grid-row: span 2; align-content: start; }
	html body.home .azs.azs-pC.azs-pC .azp-programas-lista > li:last-child { grid-column: 1 / -1; grid-row: auto; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); column-gap: var(--azs-e5); grid-template-rows: auto; }
	html body.home .azs.azs-pC.azs-pC .azp-programas-lista > li:last-child h3 { grid-column: 1; margin: 0; }
	html body.home .azs.azs-pC.azs-pC .azp-programas-lista > li:last-child p { grid-column: 2 / -1; max-width: 40rem; }
	/* COMPLIANCE (guardián, 2-oct-2026): «Todos empiezan por una valoración…» es el matiz que desactiva la lectura
	   «duración = resultado» de las cifras de meses. No puede quedar abajo, en pequeño, tras la última fila: sube a
	   la fila de la prosa, a su derecha, y se lee ANTES que las tres cifras. El botón se queda solo bajo la lista.
	   Remate Folio+ (guardián): al tamaño de las descripciones de los meses (17 px), nunca más pequeña que lo que matiza. */
	html body.home .azs.azs-pC.azs-pC .azp-programas > .azs-caja > .azp-programas-nota { grid-area: 2 / 8 / 3 / -1; margin: 1.25rem 0 0; align-self: start; max-width: 30rem; font-size: 1.0625rem; line-height: 1.6; }
	html body.home .azs.azs-pC.azs-pC .azp-programas > .azs-caja > .azs-acciones { grid-area: 4 / 3 / 5 / -1; justify-self: start; margin-top: var(--azs-e3); align-self: center; }
	/* repaso: «El más habitual» no cabe al lado de «3 meses» en la columna: sube ENCIMA de la cifra, y las tres cifras
	se asientan abajo de su fila (subgrid) para compartir línea de base */
	html body.home .azs.azs-pC.azs-pC .azp-programas-lista > li:not(:last-child) h3 { align-self: end; }
	html body.home .azs.azs-pC.azs-pC .azp-programas-lista > li:nth-child(2) h3 .azp-habitual { order: -1; flex-basis: 100%; margin-bottom: .35rem; }
}

/* ── 17 · AUTORIDAD · bibliografía de margen a margen (solo CSS) ──────────────────────────────── */
html body.home .az-authority-block { background: var(--a-lino); padding: var(--azs-e6) 0; }
html body.home .az-authority-block .az-authority-inner { max-width: var(--a-caja); }
html body.home .az-authority-block .az-authority-eyebrow { display: block; color: var(--a-oro-lino) !important; font-size: .75rem !important; font-weight: 500; letter-spacing: .18em; line-height: 1.55; }
html body.home .az-authority-block .az-authority-eyebrow::after { content: none; }
html body.home .az-authority-block .az-authority-eyebrow::before { content: ''; display: block; height: 1px; margin: 0 0 .9rem; background: var(--a-orla); transform-origin: left center; }
html body.home .az-authority-block h2.az-authority-title { font-size: clamp(2.125rem, 1.5rem + 2vw, 3.25rem) !important; font-weight: 400; line-height: 1.06; letter-spacing: .01em; max-width: 20ch; }
html body.home .az-authority-block .az-authority-grid { border-bottom-color: var(--a-filete); }
html body.home .az-authority-block .az-authority-card { border-top-color: var(--a-filete); }
html body.home .az-authority-block .az-card-cifra { border-top-color: var(--azs-tinta) !important; }
html body.home .az-authority-block .az-card-cifra .az-authority-num { color: var(--a-oro-lino) !important; font-weight: 400; }
html body.home .az-authority-block .az-authority-num { font-family: var(--azs-display); font-variant-numeric: lining-nums tabular-nums; }
html body.home .az-authority-block .az-authority-label { color: var(--azs-texto) !important; }
html body.home .az-authority-block .az-authority-foot { color: var(--azs-texto) !important; }
@media (min-width: 62rem) {
	html body.home .az-authority-block .az-authority-inner { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); column-gap: var(--a-gap); align-items: start; }
	html body.home .az-authority-block .az-authority-eyebrow { grid-area: 1 / 1 / 2 / 3; margin: 0; padding: .35rem 1rem 0 0; }
	html body.home .az-authority-block h2.az-authority-title { grid-area: 1 / 3 / 2 / 10; margin: 0 0 3.5rem; }
	html body.home .az-authority-block .az-authority-grid { grid-area: 2 / 1 / 3 / -1; }
	html body.home .az-authority-block .az-authority-foot { grid-area: 3 / 3 / 4 / 10; }
	html body.home .az-authority-block .az-card-cifra .az-authority-num { font-size: clamp(3.5rem, 2rem + 3.4vw, 5.25rem) !important; }
}

/* ── 18 · DÓNDE · en papel (injerto de B): rompe el verde contra verde con el cierre ───────────── */
html body.home .azs.azs-pC.azs-pC .azp-donde { color: var(--azs-texto); }
html body.home .azs.azs-pC.azs-pC .azp-donde h2 { font-size: clamp(2.125rem, 1.5rem + 2vw, 3.25rem); line-height: 1.04; color: var(--azs-tinta) !important; }
html body.home .azs.azs-pC.azs-pC .azp-donde .azs-kicker { color: var(--azs-oro-hondo) !important; }
html body.home .azs.azs-pC.azs-pC .azp-donde .azp-ficha { border-top-color: var(--a-filete); }
html body.home .azs.azs-pC.azs-pC .azp-donde .azp-ficha > div { background: none; border-bottom-color: var(--a-filete); align-items: baseline; } /* repaso: cada rótulo con la 1.ª línea de su dato */
html body.home .azs.azs-pC.azs-pC .azp-donde .azp-ficha dt { color: var(--azs-oro-hondo) !important; }
html body.home .azs.azs-pC.azs-pC .azp-donde .azp-ficha :is(dd, dd span, dd b) { color: var(--azs-texto) !important; }
html body.home .azs.azs-pC.azs-pC .azp-donde .azp-ficha dd a { color: var(--azs-tinta) !important; text-decoration-color: var(--azs-oro); }
html body.home .azs.azs-pC.azs-pC .azp-donde .azp-ficha dd a:hover { color: var(--azs-oro-hondo) !important; }
html body.home .azs.azs-pC.azs-pC .azp-donde .azp-ficha dd a:focus-visible { outline: 2px solid var(--azs-tinta); outline-offset: 2px; }
html body.home .azs.azs-pC.azs-pC .azp-donde .azp-ficha dd a[href^="tel:"] { font-family: var(--azs-display); font-size: 2rem; font-weight: 500; letter-spacing: .01em; font-variant-numeric: lining-nums tabular-nums; color: var(--azs-tinta) !important; }
/* el mapa, una lámina sencilla: filete fino, sin esquinas, sin canto ni sombra */
html body.home .azs.azs-pC.azs-pC .azp-donde .azs-mapa { border-radius: 0; background: var(--a-lino); border: 1px solid var(--a-filete); }
html body.home .azs.azs-pC.azs-pC .azp-donde .azs-mapa figcaption { color: var(--azs-tinta) !important; background: var(--azs-papel); letter-spacing: .12em; text-wrap: balance; }
html body.home .azs.azs-pC.azs-pC .azp-donde .azs-mapa figcaption span { color: var(--azs-oro-hondo) !important; }
@media (min-width: 62rem) {
	html body.home .azs.azs-pC.azs-pC .azp-donde > .azs-caja > h2 { grid-area: 1 / 3 / 2 / 8; }
	html body.home .azs.azs-pC.azs-pC .azp-donde > .azs-caja > .azp-ficha { grid-area: 2 / 3 / 3 / 8; margin-top: 2.5rem; }
	html body.home .azs.azs-pC.azs-pC .azp-donde > .azs-caja > figure.azs-mapa { grid-area: 1 / 9 / 3 / -1; margin: 0; min-height: 30rem; align-self: stretch; }
}

/* ── 19 · CIERRE · la vuelta a la sala (injerto de C) · portadilla centrada ──────────────────────
 * La otra mitad de la consulta (librería y plantas) detrás de un velo verde: se entra por la camilla y se sale
 * por la librería. Centrado, como lo pidió Javier. La foto es decorativa (alt vacío) y no añade alto: en móvil
 * va de fondo, no como banda encima, para que los tres botones no bajen. */
html body.home .azs.azs-pC.azs-pC .azp-cierre { position: relative; isolation: isolate; overflow: clip; background: var(--azs-verde-hondo); }
html body.home .azs.azs-pC.azs-pC .azp-cierre > img.a-cierre-foto,
html body.home .page-content .azs.azs-pC.azs-pC .azp-cierre > img.a-cierre-foto {
	position: absolute;
	inset: 0;
	z-index: -2;
	display: block;
	width: 100% !important;
	height: 100% !important;
	max-width: none !important;
	object-fit: cover;
	object-position: 30% 50%;
}
html body.home .azs.azs-pC.azs-pC .azp-cierre::before {
	content: '';
	position: absolute;
	inset: 0;
	z-index: -1;
	background:
		radial-gradient(ellipse 60% 75% at 50% 52%, rgba(30, 36, 23, .93) 0%, rgba(30, 36, 23, .86) 55%, rgba(30, 36, 23, .62) 100%),
		linear-gradient(180deg, rgba(30, 36, 23, .35) 0, rgba(30, 36, 23, 0) 30%);
}
html body.home .azs.azs-pC.azs-pC .azp-cierre > .azs-caja { max-width: 62rem; }
html body.home .azs.azs-pC.azs-pC .azp-cierre h2 { font-size: clamp(2.125rem, 1.4rem + 3vw, 4rem); line-height: 1.06; letter-spacing: .01em; max-width: 19ch; margin-inline: auto; }
html body.home .azs.azs-pC.azs-pC .azp-cierre h2 .a-voz { font-style: italic; color: var(--azs-oro-claro) !important; }
html body.home .azs.azs-pC.azs-pC .azp-cierre .azs-prosa { margin-top: 1.75rem; }
@media (max-width: 48rem) {
	html body.home .azs.azs-pC.azs-pC .azp-cierre > img.a-cierre-foto,
	html body.home .page-content .azs.azs-pC.azs-pC .azp-cierre > img.a-cierre-foto { object-position: 22% 50%; }
	html body.home .azs.azs-pC.azs-pC .azp-cierre::before { background: linear-gradient(180deg, rgba(30, 36, 23, .72) 0, rgba(30, 36, 23, .88) 30%, rgba(30, 36, 23, .9) 100%); }
}

/* ── 20 · BOLETÍN (crema) ─────────────────────────────────────────────────────────────────────── */
html body.home .azs.azs-pC.azs-pC .azp-boletin-motivo { font-style: italic; font-weight: 400; font-size: clamp(1.875rem, 1.3rem + 2vw, 3rem); line-height: 1.08; text-align: left; margin: 0 0 1.5rem; max-width: 20ch; }
html body.home .azs.azs-pC.azs-pC .azp-puertas { margin-inline: 0; max-width: none; }
html body.home .azs.azs-pC.azs-pC .azp-boletin .az-newsletter-card { text-align: left; margin-inline: 0; }
html body.home .azs.azs-pC.azs-pC .azp-boletin :is(.az-newsletter-title, .az-newsletter-sub, .az-newsletter-note) { text-align: left; margin-inline: 0; }
html body.home .azs.azs-pC.azs-pC .azp-boletin .az-nl-row { justify-content: flex-start; max-width: 34rem; margin-inline: 0; }
html body.home .azs.azs-pC.azs-pC .azp-instituto { text-align: left; margin-inline: 0; max-width: none; }
@media (min-width: 62rem) {
	html body.home .azs.azs-pC.azs-pC .azp-boletin > .azs-caja > .azp-boletin-motivo { grid-area: 1 / 3 / 2 / 10; }
	html body.home .azs.azs-pC.azs-pC .azp-boletin > .azs-caja > .azp-puertas { grid-area: 2 / 3 / 3 / -1; margin: 1.5rem 0 0; column-gap: var(--a-gap); } /* repaso: la 2.ª puerta arranca en la col. 8 */
	html body.home .azs.azs-pC.azs-pC .azp-boletin > .azs-caja > .az-newsletter-section { grid-area: 3 / 3 / 4 / 9; }
	/* repaso: la línea del Instituto, arriba en la columna 9, junto al formulario; interlineado de texto */
	html body.home .azs.azs-pC.azs-pC .azp-boletin > .azs-caja > .azp-instituto { grid-area: 3 / 9 / 4 / -1; align-self: start; margin-top: 1.5rem; line-height: 1.6; }
	html body.home .azs.azs-pC.azs-pC .azp-boletin .azp-instituto a { display: inline; min-height: 0; position: relative; }
	html body.home .azs.azs-pC.azs-pC .azp-boletin .azp-instituto a::before { content: ''; position: absolute; inset: -.6rem -.25rem; } /* el área de clic conserva ~44 px */
}

/* ── 21 · FRANJA DEL INSTITUTO y PIE (solo CSS) ───────────────────────────────────────────────── */
/* un solo zócalo oscuro: fuera la costura crema de 56 px entre la franja y el pie */
html body.home footer.azf { background: #1E2417 !important; margin-top: 0; border-top: 1px solid rgba(196, 155, 87, .35); } /* .35 y no .2 (guardián): que se lea que la franja de arriba es del Instituto y esto, del Centro */
html body.home footer.azf .azf-logo { font-size: 1.75rem; letter-spacing: 0; }
html body.home footer.azf .azf-tag { font-size: .875rem; color: rgba(241, 237, 231, .72); }
html body.home footer.azf .azf-descargo { font-size: .875rem; color: rgba(241, 237, 231, .82); } /* COMPLIANCE (guardián): el descargo «de carácter no sanitario» no puede pesar menos que la credencial oficial de la franja de encima (d2 va al .82) */
html body.home footer.azf .azf-redes a { color: rgba(241, 237, 231, .68); }
html body.home footer.azf .azf-eco a { color: rgba(241, 237, 231, .72); }
html body.home footer.azf .azf-tag { text-wrap: balance; }
@media (max-width: 768px) {
	/* 02-az-base.css fuerza 13 px a todo <p> del pie en móvil: el nombre del centro recupera su escala */
	html body.home footer.azf p.azf-logo { font-size: 1.5rem !important; line-height: 1.2 !important; }
	html body.home footer.azf .azf-eco a { font-size: inherit !important; } /* repaso: 02-az-base pone 13 px a todo <a> del pie; el enlace va al tamaño de su frase */
}

/* ── 23 · Ajustes del guardián de compliance (2-oct-2026): el énfasis nuevo no puede dejar pequeños los matices ── */
html body.home .azs.azs-pC.azs-pC .azp-programas > .azs-caja > .azp-programas-nota { font-size: 1rem; line-height: 1.6; } /* móvil: tamaño de cuerpo, el mismo que las descripciones de los meses (1rem) */
/* Remate Folio+ (guardián, recomendado): también en móvil la nota se lee ANTES que los meses, entre la prosa y «1 mes».
   Solo CSS (orden de la caja flexible); la nota no tiene enlaces, así que el orden del foco no cambia. En flex los
   márgenes no se funden: se fijan los huecos que había (titular→prosa 24 px · prosa→nota 24 · nota→lista 32 · lista→botón 24). */
@media (max-width: 61.99rem) {
	html body.home .azs.azs-pC.azs-pC .azp-programas > .azs-caja { display: flex; flex-direction: column; align-items: stretch; }
	html body.home .azs.azs-pC.azs-pC .azp-programas > .azs-caja > :is(.azp-programas-lista, .azs-acciones) { order: 1; }
	html body.home .azs.azs-pC.azs-pC .azp-programas > .azs-caja > .azs-prosa { margin-top: 0; }
	html body.home .azs.azs-pC.azs-pC .azp-programas > .azs-caja > .azp-programas-nota { margin: var(--azs-e3) 0 0; }
	html body.home .azs.azs-pC.azs-pC .azp-programas > .azs-caja > .azp-programas-lista { margin-top: var(--azs-e4); }
	html body.home .azs.azs-pC.azs-pC .azp-programas > .azs-caja > .azs-acciones { margin-top: var(--azs-e3); }
}
@media (min-width: 62rem) {
	/* en ordenador, 1.0625rem: el tamaño de las descripciones de los meses (antes .9375rem, 2 px por debajo de lo que matiza) */
	html body.home .azs.azs-pC.azs-pC .azp-programas > .azs-caja > .azp-programas-nota { font-size: 1.0625rem; line-height: 1.6; }
	html body.home .azs.azs-pC.azs-pC .azp-primera .azp-invita-panel p.az-nota-privacidad { font-size: .8125rem; line-height: 1.55; } /* junto a un titular de 70 px, la nota de WhatsApp y datos de salud a 13 px */
	html body.home .az-authority-block .az-authority-foot { font-size: .875rem; line-height: 1.55; } /* la nota de las cifras, a 14 px */
}

/* ── 24 · Registros del Instituto, al final del bloque de autoridad (2-oct-2026, a propuesta de Javier) ───────────
 * Sustituye a la franja del pie (#az-oficialidad, retirada). Mismo texto. Por compliance va DESPUÉS de las cifras,
 * las piezas de medios y la nota de las reseñas, con aire propio, y a tamaño de pieza de medios (rótulo 1,25rem,
 * frases .8125rem). Sin sellos ni negritas.
 * Javier, al verlo como dos líneas sueltas en la columna de texto: «se puede mejorar estéticamente para darle un
 * poco más de protagonismo… quizás con el fondo en verde… y no está centrado». Es una BANDA verde del ancho de la
 * rejilla, con el texto centrado: el aspecto que tuvo la franja durante semanas, ahora dentro de autoridad. */
html body.home .az-authority-block .az-authority-registro { display: block; margin: 3.5rem 0 0; padding: 1.6rem 1.5rem 1.5rem; background: var(--azs-tinta); text-align: center; }
html body.home .az-authority-block .az-authority-registro .az-of-name { display: block; font-family: var(--azs-display); font-size: 1.25rem; font-weight: 500; line-height: 1.15; letter-spacing: .14em; text-transform: uppercase; color: var(--azs-oro-claro); margin: 0 0 .6rem; }
html body.home .az-authority-block .az-authority-registro .az-of-d1,
html body.home .az-authority-block .az-authority-registro .az-of-d2 { display: block; font-family: var(--azs-sans); font-size: .8125rem; line-height: 1.6; color: #F5EFE7; } /* 9,9:1 sobre #37412F */
html body.home .az-authority-block .az-authority-registro .az-of-d2 { margin-top: .15rem; color: rgba(245, 239, 231, .86); }
@media (min-width: 62rem) {
	html body.home .az-authority-block .az-authority-registro { grid-area: 4 / 1 / 5 / -1; }
}
@media (max-width: 40rem) {
	html body.home .az-authority-block .az-authority-registro { padding: 1.4rem 1.1rem 1.3rem; }
	html body.home .az-authority-block .az-authority-registro .az-of-name { font-size: 1.125rem; letter-spacing: .1em; }
}

/* ── 25 · AIRE (Folio+) ────────────────────────────────────────────────────────────────────────────
 * Folio separaba capítulos con 80-104 px; las referencias, con 130-210 (The Well ≈130 y ≈165, SHA ≈130, Aman 140-190).
 * En ordenador cada capítulo sube a 120 px arriba y abajo (128 pasaba de los 13.300 px de alto total); Javier y Opiniones (un solo capítulo en lino) se quedan
 * más juntos entre sí. El móvil no cambia (la primera pantalla tampoco). */
@media (min-width: 62rem) {
	html body.home .azs.azs-pC.azs-pC :is(.azp-procesos, .azp-metodo, .azp-terapias-sec, .azp-primera, .azp-programas, .azp-donde, .azp-cierre).azs-sec { padding-block: var(--a-aire); }
	html body.home .azs.azs-pC.azs-pC .azp-javier.azs-sec { padding-block: var(--a-aire) 5rem; }
	html body.home .azs.azs-pC.azs-pC .azp-opiniones.azs-sec { padding-bottom: var(--a-aire); }
	html body.home .azs.azs-pC.azs-pC .azp-boletin.azs-sec { padding-top: var(--a-aire); }
	html body.home .az-authority-block { padding-block: var(--a-aire); }
}

/* ── 26 · DETALLES DE LAS REFERENCIAS (Folio+) ─────────────────────────────────────────────────────
 * Lo medido en las doce webs (referencias/sintesis/MUNDOS.md, «Común a los tres mundos»):
 *   · radio 0 y sombra 0 en fotos, paneles y tarjetas; la píldora, solo en los botones;
 *   · un solo botón relleno (Reservar, oro); el segundo, contorno de 1 px; los enlaces de texto, subrayado fino a ≈7 px;
 *   · cifras tabulares donde se alinean (teléfonos, cifras de autoridad, meses, numerales). */
html body.home .azs.azs-pC.azs-pC :is(.azs-banda img, .azp-foto, .azp-foto img, .azs-mapa, .az-newsletter-card, a.azp-puerta, .azp-puerta > img, .azp-invita-panel),
html body.home .page-content .azs.azs-pC.azs-pC :is(.azs-banda img, .azp-foto img, .azp-puerta > img) { border-radius: 0; box-shadow: none; }
html body.home .azs.azs-pC.azs-pC .azs-btn--secundario { border-width: 1px; }
html body.home .azs.azs-pC.azs-pC :is(.azs-sec--crema, .azs-sec--papel):not(.azp-primera) .azs-btn--secundario { border-color: rgba(55, 65, 47, .55); }
html body.home .azs.azs-pC.azs-pC :is(.azs-hero, .azp-metodo, .azp-cierre) .azs-btn--secundario { border-color: rgba(245, 239, 231, .55); }
html body.home .azs.azs-pC.azs-pC :is(.azs-hero, .azp-metodo, .azp-cierre) .azs-btn--secundario:hover { border-color: var(--azs-crema); }
html body.home .azs.azs-pC.azs-pC .azs-hero .azs-tel a { font-variant-numeric: lining-nums tabular-nums; }
html body.home .azs.azs-pC.azs-pC a.azp-ir { text-decoration-thickness: 1px; text-underline-offset: .42em; }
/* el envío del boletín era un segundo botón relleno (oro oscuro): pasa a contorno de 1 px en tinta */
html body.home .azs.azs-pC.azs-pC .azp-boletin button.az-nl-btn {
	background: transparent !important;
	background-image: none !important;
	color: var(--azs-tinta) !important;
	border: 1px solid var(--azs-tinta) !important;
	box-shadow: none !important;
}
html body.home .azs.azs-pC.azs-pC .azp-boletin button.az-nl-btn:hover { background: var(--azs-tinta) !important; color: var(--azs-crema) !important; }
html body.home .azs.azs-pC.azs-pC .azp-boletin button.az-nl-btn:focus-visible { outline: 2px solid var(--azs-tinta); outline-offset: 3px; }

/* ── 27 · LAS LÍNEAS SE DIBUJAN (Folio+) ───────────────────────────────────────────────────────────
 * Javier (2-oct), de Galería de luz y Cuaderno de oficio: «esas líneas horizontales que salen de izquierda a derecha
 * según se van cargando». En la portada:
 *   · la orla de cabeza de oro de cada capítulo (antetítulo, autoridad, guía y boletín) se traza desde la cabeza;
 *   · los filetes de fila (Procesos, credenciales de Javier, decisiones del Método, Terapias, Programas, Dónde, piezas
 *     de autoridad, el carrusel) se dibujan de izquierda a derecha, UNO A UNO en las listas; los filetes verticales
 *     de la tabla del Método caen de arriba abajo; el hilo entre los pasos de Primera sesión corre de cifra a cifra.
 * Técnica: cada filete de fila se pinta con `border-image` (un degradado que llega hasta --a-p) sobre su borde de
 * siempre; la caja no cambia ni un píxel. --a-p vale 100 % en reposo: sin `animation-timeline`, con movimiento
 * reducido o sin @property, las líneas se ven enteras y quietas. Tramos largos (entry 4vh → entry 48vh), lineales.
 * Y las apariciones del sistema, en la portada, pasan a ser SOLO de opacidad: sin desplazamientos ni rebotes
 * (ninguna de las doce referencias «sube» las secciones). Los fotogramas se redefinen con el mismo nombre (gana el
 * último) y esta hoja solo se carga en la portada. */
html body.home .azs.azs-pC.azs-pC :is(.azp-procesos .azs-lista, .azp-procesos .azs-lista > li, .azp-javier .azs-lista, .azp-javier .azs-lista > li, .azs-rejilla.azp-terapias, .azs-rejilla.azp-terapias > *, .azp-programas-lista > li, .azp-ficha > div, .azs-sec > .azs-caja > .azs-opiniones),
html body.home .az-authority-block .az-authority-card {
	border-image: linear-gradient(90deg, var(--a-col) var(--a-p), transparent var(--a-p)) 1;
}
html body.home .azs.azs-pC.azs-pC .azs-rejilla.azp-terapias { --a-col: var(--azs-tinta); }
html body.home .azs.azs-pC.azs-pC .azs-rejilla.azp-terapias > * { --a-col: var(--a-filete); }   /* --a-col se hereda: cada fila vuelve al filete fino */
html body.home .az-authority-block .az-authority-card.az-card-cifra { --a-col: var(--azs-tinta); }
@media (hover: hover) {
	html body.home .azs.azs-pC.azs-pC .azs-rejilla.azp-terapias > *:hover { --a-col: var(--azs-oro-hondo); }
}
/* la tabla del Método, sobre verde */
html body.home .azs.azs-pC.azs-pC .azs-rejilla.azp-decisiones {
	--a-col: rgba(245, 239, 231, .42);
	border-image: linear-gradient(90deg, var(--a-col) var(--a-p), transparent var(--a-p)) 1;
}
html body.home .azs.azs-pC.azs-pC .azs-rejilla.azp-decisiones > * {
	--a-col: var(--a-filete-claro);
	border-image: linear-gradient(90deg, var(--a-col) var(--a-p), transparent var(--a-p)) 1;
}
@media (min-width: 62rem) {
	html body.home .azs.azs-pC.azs-pC .azs-rejilla.azp-decisiones > * { border-image: linear-gradient(180deg, var(--a-col) var(--a-p), transparent var(--a-p)) 1; }
}

@media (prefers-reduced-motion: no-preference) {
	@keyframes azs-sube { from { opacity: 0; } to { opacity: 1; } }
	@supports (animation-timeline: view()) {
		@keyframes azs-entra   { 0% { opacity: 0; --a-p: 0%; } 50% { opacity: 1; } 100% { opacity: 1; --a-p: 100%; } }
		@keyframes azs-crece   { 0% { opacity: 0; --a-p: 0%; } 50% { opacity: 1; } 100% { opacity: 1; --a-p: 100%; } }
		@keyframes azs-lateral { 0% { opacity: 0; --a-p: 0%; } 50% { opacity: 1; } 100% { opacity: 1; --a-p: 100%; } }
		@keyframes azs-enfoca  { 0% { opacity: 0; } 50% { opacity: 1; } 100% { opacity: 1; } }
		@keyframes a-traza   { from { transform: scaleX(0); } to { transform: scaleX(1); } }
		@keyframes a-traza-v { from { transform: scaleY(0); } to { transform: scaleY(1); } }
		@keyframes a-filete  { from { --a-p: 0%; } to { --a-p: 100%; } }

		/* 1 · la orla de cada capítulo, desde la cabeza de oro */
		html body.home .azs.azs-pC.azs-pC .azs-sec:not(.azs-hero) .azs-kicker,
		html body.home .az-authority-block .az-authority-eyebrow { view-timeline-name: --a-orla; }
		html body.home .azs.azs-pC.azs-pC .azs-sec:not(.azs-hero) .azs-kicker::before,
		html body.home .az-authority-block .az-authority-eyebrow::before {
			animation: a-traza linear both;
			animation-timeline: --a-orla;
			animation-range: entry 4vh entry 48vh;
		}
		html body.home .azs.azs-pC.azs-pC :is(.azp-guia, .azp-boletin) > .azs-caja { view-timeline-name: --a-orla-caja; }
		html body.home .azs.azs-pC.azs-pC :is(.azp-guia, .azp-boletin) > .azs-caja::before {
			transform-origin: left center;
			animation: a-traza linear both;
			animation-timeline: --a-orla-caja;
			animation-range: entry 4vh entry 48vh;
		}

		/* 2 · listas de Procesos y de Javier: el filete de arriba de la lista y luego cada fila, una tras otra
		   (las filas ya aparecían escalonadas sobre la timeline de su lista; se alarga el tramo) */
		html body.home .azs.azs-pC.azs-pC :is(.azp-procesos, .azp-javier) .azs-lista {
			animation: a-filete linear both;
			animation-timeline: view();
			animation-range: entry 0% entry 40vh;
		}
		html body.home .azs.azs-pC.azs-pC :is(.azp-procesos, .azp-javier) .azs-lista > li { animation-range: entry 4vh entry 44vh; }
		html body.home .azs.azs-pC.azs-pC :is(.azp-procesos, .azp-javier) .azs-lista > li:nth-child(2) { animation-range: entry 9vh entry 49vh; }
		html body.home .azs.azs-pC.azs-pC :is(.azp-procesos, .azp-javier) .azs-lista > li:nth-child(3) { animation-range: entry 14vh entry 54vh; }
		html body.home .azs.azs-pC.azs-pC :is(.azp-procesos, .azp-javier) .azs-lista > li:nth-child(4) { animation-range: entry 19vh entry 59vh; }
		html body.home .azs.azs-pC.azs-pC :is(.azp-procesos, .azp-javier) .azs-lista > li:nth-child(5) { animation-range: entry 24vh entry 64vh; }
		html body.home .azs.azs-pC.azs-pC :is(.azp-procesos, .azp-javier) .azs-lista > li:nth-child(n+6) { animation-range: entry 29vh entry 69vh; }

		/* 3 · la tabla del Método: el filete de cabeza y, celda a celda, los verticales */
		html body.home .azs.azs-pC.azs-pC .azs-rejilla.azp-decisiones,
		html body.home .azs.azs-pC.azs-pC .azs-rejilla.azp-terapias {
			animation: a-filete linear both;
			animation-timeline: view();
			animation-range: entry 4vh entry 48vh;
		}
		html body.home .azs.azs-pC.azs-pC .azs-rejilla.azp-decisiones > * { animation-range: entry 4vh entry 48vh; }
		html body.home .azs.azs-pC.azs-pC .azs-rejilla.azp-decisiones > :nth-child(2) { animation-range: entry 9vh entry 53vh; }
		html body.home .azs.azs-pC.azs-pC .azs-rejilla.azp-decisiones > :nth-child(3) { animation-range: entry 14vh entry 58vh; }
		html body.home .azs.azs-pC.azs-pC .azs-rejilla.azp-decisiones > :nth-child(4) { animation-range: entry 19vh entry 63vh; }

		/* 4 · Terapias: cada fila sobre su propia entrada (la cascada sale sola, fila a fila) */
		html body.home .azs.azs-pC.azs-pC .azs-rejilla.azp-terapias > *,
		html body.home .azs.azs-pC.azs-pC .azs-rejilla.azp-terapias > :nth-child(n) { animation-range: entry 4vh entry 48vh; }

		/* 5 · Programas, Dónde y las piezas de autoridad: solo el filete (el texto ya está) */
		html body.home .azs.azs-pC.azs-pC :is(.azp-programas-lista > li, .azp-ficha > div),
		html body.home .az-authority-block .az-authority-card {
			animation: a-filete linear both;
			animation-timeline: view();
			animation-range: entry 4vh entry 48vh;
		}
		html body.home .azs.azs-pC.azs-pC .azp-programas-lista > li:nth-child(2) { animation-range: entry 9vh entry 53vh; }
		html body.home .azs.azs-pC.azs-pC .azp-programas-lista > li:nth-child(3) { animation-range: entry 14vh entry 58vh; }
		html body.home .az-authority-block .az-authority-card:is(:nth-child(2), :nth-child(5n+5)) { animation-range: entry 9vh entry 53vh; }
		html body.home .az-authority-block .az-authority-card:is(:nth-child(3), :nth-child(5n+6)) { animation-range: entry 14vh entry 58vh; }
		html body.home .az-authority-block .az-authority-card:nth-child(5n+7) { animation-range: entry 19vh entry 63vh; }
		html body.home .az-authority-block .az-authority-card:nth-child(5n+8) { animation-range: entry 24vh entry 68vh; }

		/* 6 · el hilo de Primera sesión, de cifra a cifra */
		html body.home .azs.azs-pC.azs-pC .azp-primera .azs-pasos > * { view-timeline-name: --a-paso; }
		html body.home .azs.azs-pC.azs-pC .azp-primera .azs-pasos > :not(:last-child)::after {
			animation: a-traza-v linear both;
			animation-timeline: --a-paso;
			animation-range: entry 10vh entry 52vh;
		}
		html body.home .azs.azs-pC.azs-pC .azp-primera .azs-pasos > :nth-child(2)::after { animation-range: entry 16vh entry 58vh; }
		@media (min-width: 62rem) {
			html body.home .azs.azs-pC.azs-pC .azp-primera .azs-pasos > :not(:last-child)::after { animation-name: a-traza; }
		}
	}
}

/* ── 28 · VARIANTE B · SOLO LA LETRA: NEWSREADER EN LUGAR DE CORMORANT (para comparar) ─────────────
 * Misma página que Folio+ (A): misma composición, mismos tamaños de caja. Cambia la serifa de titulares, nombres,
 * numerales, notas en cursiva y la «TNAI» a Newsreader (Google Fonts, variable, eje óptico 6-72: a 280 px dibuja con
 * contraste fino de titular; a 22 px, más robusta). Alexandria se queda para cuerpo y etiquetas.
 * Valores de la tabla «Letra (Newsreader + Alexandria)» de MUNDOS.md §C: titulares 300 con −0,01 em, nombres 400,
 * la sigla 300 a −0,03 em. Newsreader tiene más ojo que Cormorant: los tamaños grandes bajan un punto para que la
 * página no crezca, y en el hero del móvil se iguala el ojo (font-size-adjust) para que la primera pantalla no cambie. */
html body.home {
	--azs-display: 'Newsreader', Georgia, 'Times New Roman', serif;
}
/* 02-az-base.css fuerza «Cormorant Garamond» con !important en h1-h5: aquí se devuelve el token (solo la portada) */
html body.home .azs.azs-pC.azs-pC :is(h1, h2, h3, h4),
html body.home .az-authority-block h2.az-authority-title { font-family: var(--azs-display) !important; }
html body.home .azs.azs-pC.azs-pC :is(h1, h2, h3, h4, .azp-rotulo, .azs-nota, .azp-destacado, .azp-boletin-motivo),
html body.home .az-authority-block :is(h2.az-authority-title, .az-authority-num) { font-optical-sizing: auto; }
html body.home .azs.azs-pC.azs-pC h2,
html body.home .az-authority-block h2.az-authority-title { font-weight: 300; letter-spacing: -.01em; }
html body.home .azs.azs-pC.azs-pC .azs-hero h1 { font-weight: 300; letter-spacing: -.012em; }
html body.home .azs.azs-pC.azs-pC .azp-procesos h2 { letter-spacing: -.012em; }
html body.home .azs.azs-pC.azs-pC .azp-procesos ul.azs-lista li { font-weight: 300; letter-spacing: -.005em; }
html body.home .azs.azs-pC.azs-pC :is(.azp-decisiones h4, .azp-primera .azs-pasos h3, .azp-terapias h3) { font-weight: 400; letter-spacing: -.005em; }
html body.home .azs.azs-pC.azs-pC .azp-javier .azs-lista strong { font-weight: 400; font-size: 1.1875rem; }
html body.home .azs.azs-pC.azs-pC .azp-primera .azp-invita-panel h3.azp-invita-titulo { font-weight: 300; letter-spacing: -.015em; }
html body.home .azs.azs-pC.azs-pC .azp-primera .azs-prosa p { font-weight: 300; }
html body.home .azs.azs-pC.azs-pC .azp-programas-lista h3 { font-weight: 300; letter-spacing: -.01em; }
html body.home .az-authority-block .az-card-cifra .az-authority-num { font-weight: 300; }
html body.home .azs.azs-pC.azs-pC .azp-donde .azp-ficha dd a[href^="tel:"] { font-weight: 400; font-size: 1.75rem; }
html body.home .azs.azs-pC.azs-pC .azs-rejilla.azp-decisiones > *::before { font-weight: 300; font-size: 1.25rem; }
html body.home .azs.azs-pC.azs-pC .azp-primera .azs-pasos > *::before { font-weight: 300; font-size: 2.875rem; }
/* la sigla: 300, apretada, un punto más pequeña (Newsreader es más ancha: la I sigue asomando a medias) */
html body.home .azs.azs-pC.azs-pC .azp-metodo .azs-prosa .a-entrada {
	font-size: clamp(9rem, 5rem + 12vw, 16rem);
	font-weight: 300;
	letter-spacing: -.03em;
}
@media (min-width: 62rem) {
	html body.home .azs.azs-pC.azs-pC .azs-hero h1 { font-size: clamp(3.25rem, 1rem + 4.4vw, 5rem); }
}
@media (max-width: 48rem) {
	html body.home .azs.azs-pC.azs-pC .azs-hero :is(h1, .azp-que .azp-que-centro) { font-size-adjust: ex-height .41; }
}

/* ── 29 · LA «TNAI» ENTERA, SIEMPRE DENTRO DE LA PANTALLA ─────────────────────────────────────────
 * Javier (2-oct): «TNAI en letras enormes se sale de la pantalla… tenlo en cuenta para que no pase». Fuera el corte a
 * sangre: la sigla se mide contra el ancho de SU columna (unidades de contenedor) y nunca la rebasa. «TNAI» en
 * Newsreader 300 a −0,03 em mide ≈ 2,4 em: a 38cqi ocupa ≈ 92 % de la columna. Tope 16rem en pantallas grandes. */
html body.home .azs.azs-pC.azs-pC .azp-metodo .azs-prosa { container-type: inline-size; }
html body.home .azs.azs-pC.azs-pC .azp-metodo .azs-prosa .a-entrada,
html body.home .azs.azs-pC.azs-pC .azp-metodo .azs-prosa .a-entrada:is(*) {
	direction: ltr;
	text-align: left;
	margin-right: 0;
	margin-left: -.04em;   /* el ojo de la T, alineado con el párrafo */
	max-width: 100%;
	font-size: min(16rem, 38cqi);
}
/* COMPLIANCE (guardián, 2-oct): Newsreader dibuja las cifras ~15 % más grandes que Cormorant; vuelven a su tamaño visual
 * aprobado para que 4,9 / 5,0 / +25 no ganen peso frente a la nota que las matiza. */
html body.home .az-authority-block .az-card-cifra .az-authority-num { font-size: clamp(2.875rem, 1.75rem + 2.9vw, 4.5rem) !important; font-size-adjust: cap-height .63; }