/* ═════════════════════════════════════════════════════════════════════════════
 * 12-az-portada.css · PORTADA de areazentro.com (página 2036) · instalada el 1-oct-2026
 * Es la «propuesta C»: la base A con los detalles gráficos de la B. Elegida por Javier el 1-oct-2026.
 * Se carga SOLO en la portada (functions.php, is_front_page). Todo cuelga de .azs-pC.
 * Historia y decisiones: agenda persistente, entradas «1-oct-2026 (tarde III a X)».
 * Ficheros de trabajo y láminas: 00-OPERACIONES/portada-propuestas-20261001/.
 * ═════════════════════════════════════════════════════════════════════════════ */

/* ─────────────────────────────────────────────────────────────────────────────
 * portada-c.css · PROPUESTA C · la base A («Evolución») con los detalles gráficos de la B · 1-oct-2026
 * Solo reglas nuevas, todas colgadas de .azs-pC. No redefine tokens --azs-*.
 * Sin animaciones propias: el movimiento es el del sistema (10-az-sistema.css).
 * ───────────────────────────────────────────────────────────────────────────── */

/* ── 0 · Red de seguridad frente a wpautop ───────────────────────────────────
 * Tras una <img> suelta WordPress deja un </p> huérfano, que el navegador
 * convierte en un <p> vacío con 1,25rem de margen. Dentro de una rejilla
 * ocuparía celda. Aquí no se pinta ninguno. */
.azs-pC p:empty { display: none !important; }
.azs-pC .azs-acciones > br,
.azs-pC .azs-ficha dd > br { display: none; }

/* ── 1 · Ajustes de casa, solo en esta página ─────────────────────────────── */
.azs-pC { --azp-flecha: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 26 16'%3E%3Cpath d='M1 8h23M18 2l6 6-6 6' fill='none' stroke='%23000' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); }
.azs-pC ::selection { background: rgba(196, 155, 87, .34); }
/* Nada por debajo de 12 px (el token micro baja a 11 en móvil). */
.azs-pC .azs-kicker,
.azs-pC .azs-ficha dt,
.azs-pC .azs-banda figcaption,
.azs-pC .azs-mapa figcaption { font-size: .75rem; }
/* «68ch» en Alexandria son ≈95 letras: la prosa va en rem, ≈66 por línea. */
.azs-pC .azs-prosa { max-width: 36rem; }
/* El título de tarjeta manda sobre su párrafo: Cormorant tiene la x muy baja. */
.azs-pC .azs-rejilla h3,
.azs-pC .azs-pasos h3 { font-size: clamp(1.3125rem, 1.12rem + .8vw, 1.625rem); line-height: 1.18; }
.azs-pC .azs-kicker::after { flex: 1 1 0; max-width: 5rem; min-width: 0; } /* el filete ocupa lo que sobra (hasta sus 5rem): antes empujaba al rótulo a partirse en dos líneas en móvil */
.azs-pC a:not(.azs-btn):focus-visible { outline: 2px solid currentColor; outline-offset: 3px; border-radius: 3px; }
/* La flecha se dibuja, no se escribe: un solo trazo para toda la página. */
.azs-pC a.azp-ir::after,
.azs-pC .azp-ver a::after,
.azs-pC .azs-insignias a::after {
	content: '';
	flex: none;
	display: inline-block;
	width: 1.2em;
	height: .74em;
	margin-left: .55em;
	background: currentColor;
	-webkit-mask: var(--azp-flecha) center / contain no-repeat;
	mask: var(--azp-flecha) center / contain no-repeat;
}
/* El guion de las listas mide 1,5 px y era un fondo: en pantallas de 1× caía en 1 o en 2 px según la línea
   (unos guiones más pálidos que otros). Como borde, el navegador lo ajusta siempre al mismo grosor. */
.azs-pC .azs-lista li::before { height: 0; background: none; border-top: 1.5px solid var(--azs-oro); }
/* Dos palabras que no se separan («o por videollamada», cada mitad del antetítulo del hero). */
.azs-pC .azp-nb { white-space: nowrap; }
html body .azs-pC .azs-banda figcaption span { color: var(--azs-oro-claro) !important; } /* el oro de marca sobre la foto no llegaba a 4,5:1 */
/* El pie se leía sobre el suelo claro de la foto con un velo del 40 %: el velo sube hasta sostener 4,5:1. */
.azs-pC .azs-banda figcaption { line-height: 1.6; background: linear-gradient(to top, rgba(30, 36, 23, .94) 0%, rgba(30, 36, 23, .88) 56%, rgba(30, 36, 23, 0) 100%); }
@media (max-width: 48rem) {
	/* En móvil el pie ocupa dos líneas: baja de la foto a una franja propia, sobre el verde hondo de la figura. */
	.azs-pC .azs-banda figcaption { position: static; background: none; padding-block: .85rem .95rem; }
}
/* El pie del mapa, igual: franja bajo el mapa (encima tapaba la firma de Google y no se leía sobre el plano claro). */
.azs-pC .azs-mapa { display: flex; flex-direction: column; }
.azs-pC .azs-mapa figcaption { position: static; background: none; padding-block: .85rem .95rem; line-height: 1.6; } /* la figura lleva line-height:0 */
/* La banda de foto: `height:auto` del tema la dejaba en 130 px en móvil. */
html body .page-content .azs-pC .azs-banda img,
html body .azs-pC.azs .azs-banda img { height: clamp(12.5rem, 9rem + 16vw, 24rem) !important; object-fit: cover; }

/* ── 2 · Ritmo vertical: no todas las secciones respiran igual ────────────── */
.azs-pC .azp-procesos     { padding-block: var(--azs-e7) var(--azs-e6); }
.azs-pC .azp-metodo       { padding-block: var(--azs-e7) var(--azs-e6); }
.azs-pC .azp-guia         { padding-block: clamp(2.75rem, 2rem + 3vw, 4rem); }
.azs-pC .azp-opiniones    { padding-block: var(--azs-e6); }
.azs-pC .azp-donde        { padding-block: var(--azs-e6); }
.azs-pC .azp-cierre       { padding-block: clamp(4rem, 2.5rem + 6vw, 7.5rem); }
/* El pie de la web trae `margin-top: 56px` (44 en móvil) y deja ver el crema del <body>: con el boletín
   sobre papel era una costura de otro color. El boletín va sobre crema y ese margen pasa a ser su aire de abajo. */
.azs-pC .azp-boletin      { padding-block: var(--azs-e6) var(--azs-e2); }

/* ═══ 1 · HERO ═══════════════════════════════════════════════════════════════
 * La misma composición —foto de la consulta, texto a la izquierda— pero la
 * foto se ve. Móvil: banda de foto arriba y el texto debajo sobre verde hondo.
 * Escritorio: velo lateral; la camilla queda al 30 %. */
.azs-pC .azs-hero .azs-acciones { gap: .75rem var(--azs-e3); }
.azs-pC .azs-hero .azs-tel { margin: .5rem 0 0; font-size: .9375rem; line-height: 1.4; }
.azs-pC .azs-hero .azs-tel a {
	display: inline-flex;
	align-items: center;
	min-height: 2.75rem;
	padding-inline: .3rem;
	font-size: 1.0625rem;
	font-weight: 600;
	letter-spacing: .02em;
	border-bottom: 0;
	text-decoration: underline;
	text-decoration-thickness: 1px;
	text-decoration-color: rgba(210, 173, 99, .55);
	text-underline-offset: .28em;
}
.azs-pC .azs-hero .azs-tel a:hover { text-decoration-color: currentColor; }
html body .azs-pC .azs-hero .azs-tel { color: var(--azs-texto-oscuro) !important; }
html body .azs-pC.azs .azs-hero .azs-kicker span { color: inherit !important; } /* el sistema pinta de crema todo <span> del hero: el antetítulo sigue en oro */
.azs-pC .azs-hero .azs-insignias { margin-top: var(--azs-e3); }
.azs-pC .azs-insignias li:has(> a) { padding: 0; }
.azs-pC .azs-insignias a {
	position: relative;
	display: inline-flex;
	align-items: center;
	padding: .45rem 1rem;
	text-decoration: none;
	border-radius: 999px;
}
.azs-pC .azs-insignias a::before { content: ''; position: absolute; inset: -.5rem -.25rem; } /* 46 px de alto para el dedo */
.azs-pC .azs-insignias a::after { width: 1em; margin-left: .45em; }
.azs-pC .azs-insignias li:has(> a):hover { border-color: rgba(210, 173, 99, .8); }
@media (prefers-reduced-motion: no-preference) {
	.azs-pC .azs-hero .azs-caja > :nth-child(n+6) { animation-delay: .44s; }
}
@media (max-width: 48rem) {
	.azs-pC .azs-hero { padding-block: 16.75rem 2.5rem; }
	html body .page-content .azs-pC .azs-hero > .azs-hero-foto,
	html body .azs-pC.azs .azs-hero > .azs-hero-foto { height: 15.75rem !important; object-position: 50% 50%; }
	.azs-pC .azs-hero::before {
		background: linear-gradient(180deg,
			rgba(30, 36, 23, .62) 0,
			rgba(30, 36, 23, .16) 4.75rem,
			rgba(42, 49, 36, 0) 8.25rem,
			rgba(42, 49, 36, .5) 12.75rem,
			#2A3124 15.75rem);
	}
	.azs-pC .azs-hero .azs-kicker { display: block; letter-spacing: .15em; line-height: 1.55; margin-bottom: var(--azs-e2); }
	.azs-pC .azs-hero .azs-kicker::after { display: none; }
	/* `02-az-base.css` trae `@media (max-width:767px){ h1{ font-size:clamp(2rem,7vw,2.75rem) !important } }`:
	   la regla de esta hoja estaba muerta y el h1 (32 px) quedaba por debajo del nombre de Javier (36). */
	html body .azs-pC.azs .azs-hero h1 { font-size: clamp(2.25rem, 1.3rem + 4vw, 3.25rem) !important; }
	.azs-pC .azs-hero h1 { line-height: 1.03; margin-bottom: 1.25rem; }
	.azs-pC .azs-hero .azs-lede { margin-bottom: var(--azs-e3); }
	.azs-pC .azs-hero .azs-btn { min-height: 3rem; }
}
@media (max-width: 40rem) {
	/* El antetítulo no cabe en una línea: parte por la mitad, no por donde caiga, y sin punto colgando. */
	.azs-pC .azs-hero .azs-kicker .azp-nb { display: block; }
	.azs-pC .azs-hero .azs-kicker .azp-punto { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
}
@media (max-width: 34rem) {
	/* El apilado a todo el ancho es cosa del teléfono: en una tableta eran píldoras de 691 px. */
	.azs-pC .azs-hero .azs-acciones { flex-direction: column; align-items: stretch; }
	.azs-pC .azs-hero .azs-btn { justify-content: center; }
	.azs-pC .azs-hero .azs-tel { text-align: center; }
}
@media (max-width: 48rem) and (max-height: 43.75rem) {
	/* Móviles bajos (375 × 667): menos foto, para que el segundo botón no caiga bajo la barra fija. */
	.azs-pC .azs-hero { padding-top: 12.25rem; }
	html body .page-content .azs-pC .azs-hero > .azs-hero-foto,
	html body .azs-pC.azs .azs-hero > .azs-hero-foto { height: 11.5rem !important; }
	.azs-pC .azs-hero::before {
		background: linear-gradient(180deg,
			rgba(30, 36, 23, .62) 0,
			rgba(30, 36, 23, .16) 3.5rem,
			rgba(42, 49, 36, 0) 6rem,
			rgba(42, 49, 36, .5) 9.3rem,
			#2A3124 11.5rem);
	}
}
@media (min-width: 62rem) {
	.azs-pC .azs-hero { padding-block: 8.75rem 3.5rem; }
	html body .page-content .azs-pC .azs-hero > .azs-hero-foto,
	html body .azs-pC.azs .azs-hero > .azs-hero-foto { object-position: 0% 42%; }
	.azs-pC .azs-hero::before {
		background:
			linear-gradient(90deg, rgba(30, 36, 23, .94) 0%, rgba(30, 36, 23, .9) 30%, rgba(30, 36, 23, .64) 46%, rgba(30, 36, 23, .32) 60%, rgba(30, 36, 23, .26) 100%),
			linear-gradient(180deg, rgba(30, 36, 23, .58) 0, rgba(30, 36, 23, 0) 9.5rem),
			linear-gradient(0deg, rgba(30, 36, 23, .45) 0, rgba(30, 36, 23, 0) 30%);
	}
	.azs-pC .azs-hero h1 { font-size: clamp(3.25rem, 1.5rem + 3.2vw, 4rem); line-height: 1; max-width: 7.8em; margin-bottom: var(--azs-e3); }
	.azs-pC .azs-hero .azs-lede { font-size: 1.25rem; max-width: 26.5rem; margin-bottom: var(--azs-e4); }
}

/* ═══ 2 · PROCESOS ═══════════════════════════════════════════════════════════
 * Titular a la izquierda, la lista en el tercio derecho. */
html body .azs-pC h2 span { color: inherit !important; }
.azs-pC .azp-procesos h2 span { display: block; text-wrap: balance; }
.azs-pC .azs-sec > .azs-caja > .azp-lado { animation: none; margin-top: var(--azs-e5); } /* el contenedor no entra: entran sus líneas */
.azs-pC .azp-procesos .azs-lista { grid-template-columns: 1fr; border-top: 1px solid var(--azs-linea); }
.azs-pC .azp-procesos .azs-pie-sec { margin-top: var(--azs-e3); opacity: 1; }
@media (min-width: 62rem) {
	.azs-pC .azp-procesos > .azs-caja {
		display: grid;
		grid-template-columns: minmax(0, 7fr) minmax(0, 5fr);
		grid-template-rows: auto auto 1fr;
		column-gap: clamp(3rem, 7vw, 6.5rem);
	}
	.azs-pC .azp-procesos > .azs-caja > .azs-kicker { grid-area: 1 / 1; }
	.azs-pC .azp-procesos > .azs-caja > h2 { grid-area: 2 / 1; max-width: none; }
	.azs-pC .azp-procesos > .azs-caja > .azs-prosa { grid-area: 3 / 1; }
	.azs-pC .azp-procesos.azs-sec > .azs-caja > .azp-lado { grid-area: 1 / 2 / 4 / 3; margin-top: .35rem; }
}

/* ═══ 3 · JAVIER ═════════════════════════════════════════════════════════════
 * La cara, grande y antes. El antetítulo y el nombre van junto al retrato. */
.azs-pC .azp-javier .azs-persona img { max-width: 17rem; }
.azs-pC .azp-javier h2 { font-size: clamp(2rem, 1.35rem + 2.8vw, 3.25rem); line-height: 1.02; margin-bottom: var(--azs-e3); }
.azs-pC .azp-javier .azs-lista { grid-template-columns: 1fr; max-width: 36rem; margin-top: var(--azs-e4); border-top: 1px solid var(--azs-linea-clara); }
.azs-pC .azp-javier .azs-lista li { font-size: .9375rem; line-height: 1.6; padding-block: 1.1rem; }
.azs-pC .azp-javier .azs-lista li::before { top: calc(1.1rem + .75em); }
.azs-pC .azp-javier .azs-lista strong { font-weight: 600; }
.azs-pC .azp-medios { margin: var(--azs-e3) 0 0; max-width: 36rem; font-size: .875rem; line-height: 1.7; }
html body .azs-pC .azp-medios { color: var(--azs-texto-oscuro) !important; }
.azs-pC .azp-javier .azs-acciones { margin-top: var(--azs-e4); }
@media (min-width: 34rem) and (max-width: 51.99rem) {
	/* Hasta 768 px el tema fuerza `max-width:100% !important` en toda imagen de la portada: en una tableta el retrato medía 691 × 973 px. */
	html body .page-content .azs-pC .azp-javier .azs-persona > img,
	html body .azs-pC.azs .azp-javier .azs-persona > img { max-width: 22rem !important; }
}
@media (min-width: 52rem) {
	.azs-pC .azp-javier .azs-persona { grid-template-columns: minmax(0, 21rem) minmax(0, 1fr); column-gap: clamp(3rem, 7vw, 6rem); }
	.azs-pC .azp-javier .azs-persona > img { max-width: 21rem; position: sticky; top: 8.5rem; }
}

/* ═══ 4 · MÉTODO, en una sola sección ════════════════════════════════════════
 * Las cuatro decisiones dejan de ser tarjetas: una lista con filetes, al lado
 * del párrafo. */
.azs-pC .azp-rotulo {
	font-family: var(--azs-display);
	font-size: clamp(1.375rem, 1.2rem + .7vw, 1.625rem);
	font-weight: 500;
	line-height: 1.2;
	letter-spacing: -.005em;
	margin: var(--azs-e5) 0 var(--azs-e3);
	max-width: 22ch;
	text-wrap: balance;
}
.azs-pC .azs-rejilla.azp-decisiones {
	grid-template-columns: 1fr;
	gap: 0;
	margin: 0;
	background: none;
	border: 0;
	border-radius: 0;
	border-bottom: 1px solid var(--azs-linea);
}
.azs-pC .azs-rejilla.azp-decisiones > * { background: none; padding: 1.05rem 0 1.2rem; gap: .35rem; border-top: 1px solid var(--azs-linea); box-shadow: none; }
.azs-pC .azs-rejilla.azp-decisiones > *:hover { background: none; box-shadow: none; }
.azs-pC .azp-decisiones h4 {
	font-family: var(--azs-display);
	font-size: clamp(1.3125rem, 1.15rem + .6vw, 1.5rem);
	font-weight: 600;
	line-height: 1.2;
	margin: 0;
}
html body .azs-pC .azp-decisiones h4 { color: var(--azs-tinta) !important; }
.azs-pC .azp-decisiones p { max-width: 34rem; }
.azs-pC .azp-metodo .azs-nota { margin: var(--azs-e5) 0 var(--azs-e3); max-width: 30rem; }
.azs-pC .azp-metodo .azs-acciones { margin-top: var(--azs-e3); }
@media (max-width: 48rem) {
	/* En móvil eran seis listas con filete seguidas: aquí las cuatro decisiones van solo con aire.
	   Los filetes se quedan donde hay algo que pulsar (Terapias) o que consultar (la ficha). */
	.azs-pC .azs-rejilla.azp-decisiones,
	.azs-pC .azs-rejilla.azp-decisiones > * { border: 0; }
	.azs-pC .azs-rejilla.azp-decisiones > * { padding: 0 0 1.5rem; }
	.azs-pC .azs-rejilla.azp-decisiones > :last-child { padding-bottom: 0; }
}
@media (min-width: 62rem) {
	.azs-pC .azp-metodo > .azs-caja {
		display: grid;
		grid-template-columns: minmax(0, 5fr) minmax(0, 6fr);
		grid-template-rows: auto auto 1fr auto auto;
		column-gap: clamp(3rem, 7vw, 6rem);
	}
	.azs-pC .azp-metodo > .azs-caja > .azs-kicker { grid-area: 1 / 1; }
	.azs-pC .azp-metodo > .azs-caja > h2 { grid-area: 2 / 1; }
	.azs-pC .azp-metodo > .azs-caja > .azs-prosa { grid-area: 3 / 1; }
	.azs-pC .azp-metodo > .azs-caja > .azp-rotulo { grid-area: 2 / 2; align-self: end; max-width: none; }
	.azs-pC .azp-metodo > .azs-caja > .azp-decisiones { grid-area: 3 / 2 / 6 / 3; align-self: start; }
	.azs-pC .azp-metodo > .azs-caja > .azs-nota { grid-area: 4 / 1; }
	.azs-pC .azp-metodo > .azs-caja > .azs-acciones { grid-area: 5 / 1; }
}

/* ═══ EXTRA A · FRANJA DE LA GUÍA ════════════════════════════════════════════
 * Ya no hay barra fija de la guía: tiene su sitio dentro de la página. */
.azs-pC .azp-guia { background: var(--azs-verde-hondo); border-block: 1px solid rgba(196, 155, 87, .28); }
.azs-pC .azp-guia h2 { font-size: clamp(1.625rem, 1.25rem + 1.6vw, 2.25rem); line-height: 1.12; max-width: 19ch; margin-bottom: var(--azs-e3); }
.azs-pC .azp-guia-texto { margin: 0 0 var(--azs-e3); max-width: 26rem; font-size: var(--azs-t-cuerpo); line-height: 1.65; }
html body .azs-pC .azp-guia-texto { color: var(--azs-texto-oscuro) !important; }
.azs-pC .azp-guia .azs-btn--secundario { border-color: rgba(245, 239, 231, .55); }
@media (min-width: 62rem) {
	.azs-pC .azp-guia > .azs-caja { display: grid; grid-template-columns: minmax(0, 6fr) minmax(0, 5fr); column-gap: clamp(3rem, 7vw, 6rem); align-items: center; }
	.azs-pC .azp-guia > .azs-caja > h2 { grid-area: 1 / 1 / 3 / 2; margin-bottom: 0; }
	.azs-pC .azp-guia > .azs-caja > .azp-guia-texto { grid-area: 1 / 2; align-self: end; }
	.azs-pC .azp-guia > .azs-caja > .azs-acciones { grid-area: 2 / 2; align-self: start; }
}

/* ═══ 5 · TERAPIAS ═══════════════════════════════════════════════════════════
 * Arriba, en grande, la frase que resuelve la duda. Escritorio: rejilla de
 * 3 + 3 y el programa de mindfulness cerrando la pieza. Móvil: lista compacta. */
.azs-pC .azp-destacado {
	font-family: var(--azs-display);
	font-size: clamp(1.5rem, 1.2rem + 1.3vw, 2rem);
	font-weight: 500;
	line-height: 1.2;
	letter-spacing: -.008em;
	margin: 0;
	padding: .15rem 0 0 var(--azs-e3);
	border-left: 1px solid var(--azs-oro);
	max-width: 30ch;
	text-wrap: pretty;
}
html body .azs-pC .azp-destacado { color: var(--azs-tinta) !important; }
.azs-pC .azp-destacado-enlace { padding-left: var(--azs-e3); border-left: 1px solid var(--azs-oro); margin: 0 0 var(--azs-e4); }
.azs-pC a.azp-ir {
	display: inline-flex;
	align-items: center;
	min-height: 2.75rem;
	font-size: .9375rem;
	font-weight: 600;
	text-decoration: underline;
	text-decoration-thickness: 1px;
	text-decoration-color: rgba(134, 103, 45, .45);
	text-underline-offset: .3em;
}
.azs-pC a.azp-ir:hover { text-decoration-color: currentColor; }
html body .azs-pC .azp-destacado-enlace a,
html body .azs-pC .azp-instituto a { color: var(--azs-oro-hondo) !important; }
.azs-pC .azs-rejilla.azp-terapias { margin-top: var(--azs-e5); }
.azs-pC .azs-rejilla.azp-terapias > * { position: relative; }
.azs-pC .azp-terapias .azp-ver { margin: auto 0 0; padding-top: .5rem; line-height: 1; }
.azs-pC .azp-terapias .azp-ver a { display: inline-flex; align-items: center; margin: 0; padding: 0; border: 0; }
.azs-pC .azp-terapias .azp-ver a::before { content: ''; position: absolute; inset: 0; } /* toda la tarjeta es el enlace */
.azs-pC .azp-terapias .azp-ver a:focus-visible { outline: none; }
.azs-pC .azp-terapias .azp-ver a:focus-visible::before { outline: 2px solid var(--azs-tinta); outline-offset: -4px; border-radius: 6px; }
@media (max-width: 48rem) {
	.azs-pC .azp-destacado { margin-top: var(--azs-e2); }
	.azs-pC .azs-rejilla.azp-terapias { grid-template-columns: 1fr; gap: 0; background: none; border: 0; border-radius: 0; border-bottom: 1px solid var(--azs-linea); }
	.azs-pC .azs-rejilla.azp-terapias > * { background: none; padding: 1.1rem 3rem 1.2rem 0; gap: .3rem; border-top: 1px solid var(--azs-linea); min-height: 4.5rem; }
	.azs-pC .azp-terapias h3 { font-size: 1.375rem; }
	.azs-pC .azp-terapias .azp-ver { position: static; height: 0; margin: 0; padding: 0; }
	/* align-self: el sistema lo pone en flex-start, y en un absoluto eso impide que se estire a toda la fila */
	.azs-pC .azp-terapias .azp-ver a { position: absolute; inset: 0; align-self: stretch; justify-self: stretch; display: block; overflow: hidden; text-indent: 110%; white-space: nowrap; }
	.azs-pC .azp-terapias .azp-ver a::before { content: none; }
	.azs-pC .azp-terapias .azp-ver a::after { position: absolute; right: .1rem; top: 50%; width: 1.4rem; height: .9rem; margin: -.45rem 0 0; }
	.azs-pC .azp-terapias .azp-ver a:focus-visible { outline: 2px solid var(--azs-tinta); outline-offset: -2px; }
}
@media (min-width: 48.0625rem) {
	.azs-pC .azs-rejilla.azp-terapias { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.azs-pC .azs-rejilla.azp-terapias > * { padding: var(--azs-e4) 1.75rem 1.75rem; }
	.azs-pC .azs-rejilla.azp-terapias > :last-child { grid-column: 1 / -1; }
}
@media (min-width: 62rem) {
	.azs-pC .azp-terapias-sec > .azs-caja {
		display: grid;
		grid-template-columns: minmax(0, 5fr) minmax(0, 6fr);
		grid-template-rows: auto auto auto auto;
		column-gap: clamp(3rem, 7vw, 6rem);
	}
	.azs-pC .azp-terapias-sec > .azs-caja > .azs-kicker { grid-area: 1 / 1; }
	.azs-pC .azp-terapias-sec > .azs-caja > h2 { grid-area: 2 / 1; }
	.azs-pC .azp-terapias-sec > .azs-caja > .azs-prosa { grid-area: 3 / 1; }
	.azs-pC .azp-terapias-sec > .azs-caja > .azp-destacado { grid-area: 1 / 2 / 3 / 3; align-self: end; padding-bottom: var(--azs-e2); }
	.azs-pC .azp-terapias-sec > .azs-caja > .azp-destacado-enlace { grid-area: 3 / 2; align-self: start; margin: 0; }
	.azs-pC .azp-terapias-sec > .azs-caja > .azp-terapias { grid-area: 4 / 1 / 5 / 3; }
	.azs-pC .azs-rejilla.azp-terapias { grid-template-columns: repeat(3, minmax(0, 1fr)); }
	.azs-pC .azs-rejilla.azp-terapias > :last-child {
		display: grid;
		grid-template-columns: minmax(0, 1fr) minmax(0, 1.5fr) auto;
		align-items: center;
		column-gap: var(--azs-e5);
		padding-block: 1.75rem;
	}
	.azs-pC .azs-rejilla.azp-terapias > :last-child .azp-ver { margin: 0; padding: 0; }
}

/* ═══ 6 · PRIMERA SESIÓN ═════════════════════════════════════════════════════
 * El dato que tranquiliza, compuesto en grande: el único gesto de la página. */
.azs-pC .azp-foto { margin: var(--azs-e4) 0 0; border-radius: var(--azs-radio); overflow: hidden; background: var(--azs-crema); height: 11.5rem; }
html body .page-content .azs-pC .azp-foto > img,
html body .azs-pC.azs .azp-foto > img { display: block; width: 100%; height: 100% !important; max-width: none; object-fit: cover; object-position: 92% 50%; }
.azs-pC .azp-primera .azs-pasos { margin-top: var(--azs-e5); }
.azs-pC .azp-datos {
	display: grid;
	gap: .9rem var(--azs-e5);
	margin: var(--azs-e6) 0 0;
	padding-block: var(--azs-e4);
	border-block: 1px solid var(--azs-linea);
}
.azs-pC .azp-datos strong {
	font-family: var(--azs-display);
	font-size: clamp(2.375rem, 1.75rem + 4.2vw, 4.75rem);
	font-weight: 500;
	line-height: .95;
	letter-spacing: -.02em;
	font-variant-numeric: lining-nums;
	white-space: nowrap;
}
.azs-pC .azp-datos .azp-punto { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
.azs-pC .azp-datos .azp-resto { font-size: var(--azs-t-cuerpo); line-height: 1.6; }
.azs-pC .azp-datos .azp-resto > span:not(.azp-punto) { display: block; } /* «o por videollamada» no se parte: lleva .azp-nb */
html body .azs-pC .azp-datos,
html body .azs-pC .azp-datos strong { color: var(--azs-tinta) !important; }
html body .azs-pC .azp-datos .azp-resto,
html body .azs-pC .azp-datos .azp-resto span { color: var(--azs-texto) !important; }
html body .azs-pC .azp-datos .azp-oro { color: var(--azs-oro-hondo) !important; }
.azs-pC .azp-primera .azs-acciones { margin-top: var(--azs-e4); }
@media (max-width: 48rem) {
	.azs-pC .azp-primera .azs-pasos { row-gap: var(--azs-e4); }
	.azs-pC .azp-datos .azp-resto > span:last-child { margin-top: .4rem; } /* sin los puntos medios, los dos datos se leían como una sola frase */
	.azs-pC .azp-primera .azs-btn,
	.azs-pC .azp-cierre .azs-btn,
	.azs-pC .azp-guia .azs-btn { min-height: 3rem; }
}
@media (max-width: 34rem) {
	.azs-pC .azp-primera .azs-btn,
	.azs-pC .azp-cierre .azs-btn,
	.azs-pC .azp-guia .azs-btn { flex: 1 1 100%; justify-content: center; }
}
@media (max-width: 22.5rem) {
	.azs-pC .azp-datos strong { font-size: 2.375rem; } /* a 320 px «45 minutos · 60 €» no cabía en la caja */
}
@media (min-width: 62rem) {
	.azs-pC .azp-primera > .azs-caja { display: grid; grid-template-columns: minmax(0, 6fr) minmax(0, 5fr); grid-template-rows: auto auto 1fr; column-gap: clamp(3rem, 7vw, 6rem); }
	.azs-pC .azp-primera > .azs-caja > * { grid-column: 1 / -1; }
	.azs-pC .azp-primera > .azs-caja > .azs-kicker { grid-area: 1 / 1; }
	.azs-pC .azp-primera > .azs-caja > h2 { grid-area: 2 / 1; }
	.azs-pC .azp-primera > .azs-caja > .azs-prosa { grid-area: 3 / 1; }
	.azs-pC .azp-primera > .azs-caja > .azp-foto { grid-area: 1 / 2 / 4 / 3; margin: 0; height: auto; min-height: 17rem; position: relative; }
	html body .page-content .azs-pC .azp-primera .azp-foto > img,
	html body .azs-pC.azs .azp-primera .azp-foto > img { position: absolute; inset: 0; }
	.azs-pC .azp-primera .azs-pasos { margin-top: var(--azs-e6); }
	.azs-pC .azp-datos { grid-template-columns: auto minmax(0, 1fr); align-items: end; margin-top: var(--azs-e6); }
	.azs-pC .azp-datos .azp-resto { padding-bottom: .35rem; }
}

/* ═══ 7 · RESEÑAS ════════════════════════════════════════════════════════════ */
.azs-pC .azp-opiniones .azs-prosa { font-size: .9375rem; line-height: 1.7; max-width: 30rem; }
.azs-pC .azs-sec > .azs-caja > .azs-opiniones { margin-top: var(--azs-e5); min-height: 24rem; animation: none; } /* alto reservado: el widget llegaba tarde y empujaba la página */
@media (min-width: 62rem) {
	.azs-pC .azp-opiniones > .azs-caja { display: grid; grid-template-columns: minmax(0, 6fr) minmax(0, 5fr); column-gap: clamp(3rem, 7vw, 6rem); }
	.azs-pC .azp-opiniones > .azs-caja > * { grid-column: 1 / -1; }
	.azs-pC .azp-opiniones > .azs-caja > h2 { grid-area: 2 / 1; margin-bottom: 0; }
	.azs-pC .azp-opiniones > .azs-caja > .azs-prosa { grid-area: 2 / 2; align-self: end; }
}

/* ═══ 8 · DÓNDE + CIERRE ═════════════════════════════════════════════════════
 * Cada teléfono, una fila que cabe en un pulgar. Y la página, por fin, acaba. */
.azs-pC .azp-donde .azs-ficha { margin-top: var(--azs-e4); max-width: none; }
.azs-pC .azp-donde .azs-ficha > div { padding: 1.35rem var(--azs-e3) 1.1rem; }
.azs-pC .azp-donde .azs-ficha dt { margin-bottom: .2rem; }
.azs-pC .azp-donde .azs-ficha dd { padding-block: .3rem; }
.azs-pC .azp-donde .azs-ficha dd:has(a) { padding-block: 0; }
.azs-pC .azp-donde .azs-ficha dd a {
	display: flex;
	width: fit-content;
	align-items: center;
	min-height: 2.75rem;
	padding-right: .75rem;
	border-bottom: 0;
	text-decoration: underline;
	text-decoration-thickness: 1px;
	text-decoration-color: var(--azs-oro);
	text-underline-offset: .32em;
}
.azs-pC .azp-donde .azs-ficha dd a:hover { text-decoration-color: currentColor; }
.azs-pC .azp-donde .azs-ficha dd a + a { margin-top: .5rem; }
.azs-pC .azp-donde .azs-ficha dd a[href^="tel:"] { font-size: 1.125rem; font-weight: 600; letter-spacing: .01em; }
.azs-pC .azp-donde .azs-mapa { margin-top: var(--azs-e3); border-radius: var(--azs-radio); overflow: hidden; }
.azs-pC .azp-donde .azs-mapa iframe { flex: 1 1 16rem; height: auto; min-height: 16rem; }
@media (min-width: 62rem) {
	.azs-pC .azp-donde > .azs-caja { display: grid; grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); column-gap: var(--azs-e3); }
	.azs-pC .azp-donde > .azs-caja > .azs-kicker,
	.azs-pC .azp-donde > .azs-caja > h2 { grid-column: 1 / -1; }
	.azs-pC .azp-donde > .azs-caja > .azs-ficha { grid-area: 3 / 1; grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.azs-pC .azp-donde > .azs-caja > .azs-mapa { grid-area: 3 / 2; margin-top: var(--azs-e4); min-height: 22rem; }
}
.azs-pC .azp-cierre {
	background:
		radial-gradient(115% 135% at 50% 0%, rgba(72, 88, 60, .55) 0%, transparent 60%),
		linear-gradient(162deg, #333D29 0%, var(--azs-verde-hondo) 56%, #222819 100%);
	border-top: 1px solid rgba(196, 155, 87, .28);
}
.azs-pC .azp-cierre h2 { font-size: clamp(1.875rem, 1.25rem + 2.9vw, 3.25rem); line-height: 1.08; max-width: 21ch; margin-bottom: var(--azs-e3); }
.azs-pC .azp-cierre .azs-prosa { font-size: var(--azs-t-lede); font-weight: 300; line-height: 1.5; max-width: 30rem; margin-bottom: var(--azs-e4); }
.azs-pC .azp-cierre .azs-prosa p { text-wrap: balance; }
.azs-pC .azp-cierre .azs-acciones { gap: .75rem var(--azs-e2); }

/* ═══ EXTRAS B y C · BOLETÍN Y LÍNEA DEL INSTITUTO ═══════════════════════════ */
.azs-pC .azp-boletin-motivo {
	font-family: var(--azs-display);
	font-size: clamp(1.375rem, 1.2rem + .8vw, 1.75rem);
	font-weight: 500;
	line-height: 1.22;
	text-align: center;
	text-wrap: balance;
	max-width: 26ch;
	margin: 0 auto var(--azs-e3);
}
html body .azs-pC .azp-boletin-motivo { color: var(--azs-tinta) !important; }
/* El código del boletín trae su propia franja (fondo, 64 px de relleno y un filete): dentro de la sección sobra. La tarjeta se queda como es. */
.azs-pC .azp-boletin .az-newsletter-section { padding: 0; background: none; border: 0; }
.azs-pC .azp-instituto {
	margin: var(--azs-e5) auto 0;
	padding-top: var(--azs-e2);
	border-top: 1px solid var(--azs-linea);
	max-width: 40rem;
	text-align: center;
	font-size: .875rem;
	line-height: 1.5;
}
html body .azs-pC .azp-instituto { color: var(--azs-texto) !important; }
.azs-pC .azp-instituto a {
	display: inline-flex;
	align-items: center;
	min-height: 2.75rem;
	font-weight: 600;
	text-decoration: underline;
	text-decoration-thickness: 1px;
	text-decoration-color: rgba(134, 103, 45, .45);
	text-underline-offset: .3em;
}
.azs-pC .azp-instituto a:hover { text-decoration-color: currentColor; }

/* ═══ MÁRGENES, DECLARADOS CON AUTORIDAD ═════════════════════════════════════
 * `02-az-base.css` pone a todo <p> de página 1,25rem por debajo y a todo
 * <h2>/<h3> 2rem por encima y 1rem por debajo, con (0,2,2): las reglas de
 * margen del sistema (0,1,1) no llegaban a aplicarse y el antetítulo quedaba a
 * 52 px de su titular. Aquí, y solo en esta página, mandan estos. */
html body .azs-pC.azs h2 { margin-top: 0; margin-bottom: var(--azs-e3); }
html body .azs-pC.azs h3 { margin-top: 0; margin-bottom: 0; }
html body .azs-pC.azs .azs-pasos h3 { margin-bottom: .5rem; }
html body .azs-pC.azs .azs-kicker { margin-bottom: var(--azs-e3); }
html body .azs-pC.azs :is(.azs-prosa, .azs-rejilla, .azs-pasos) p,
html body .azs-pC.azs :is(.azs-tel, .azs-pie-sec, .azp-destacado, .azp-datos, .azp-medios, .azp-ver, .azp-instituto) { margin-bottom: 0; }
html body .azs-pC.azs .azs-hero .azs-lede { margin-bottom: var(--azs-e3); }
html body .azs-pC.azs .azp-guia-texto,
html body .azs-pC.azs .azp-boletin-motivo { margin-bottom: var(--azs-e3); }
html body .azs-pC.azs .azp-rotulo { margin: var(--azs-e5) 0 var(--azs-e3); }
@media (max-width: 48rem) {
	html body .azs-pC.azs .azs-hero .azs-kicker { margin-bottom: var(--azs-e2); }
}
@media (max-width: 48rem) and (max-height: 43.75rem) {
	html body .azs-pC.azs .azs-hero .azs-lede { margin-bottom: 1.25rem; } /* móviles bajos: ver el hero */
}
@media (min-width: 62rem) {
	html body .azs-pC.azs .azs-hero .azs-lede { margin-bottom: var(--azs-e4); }
	html body .azs-pC.azs .azp-metodo > .azs-caja > .azp-rotulo { margin: 0 0 var(--azs-e3); }
	html body .azs-pC.azs .azp-guia > .azs-caja > h2,
	html body .azs-pC.azs .azp-opiniones > .azs-caja > h2 { margin-bottom: 0; }
	html body .azs-pC.azs .azp-guia > .azs-caja > .azp-guia-texto { margin-bottom: var(--azs-e3); }
}


/* ═════════════════════════════════════════════════════════════════════════════
 * C · LOS DETALLES DE LA PROPUESTA B SOBRE LA BASE A
 * Decisión de Javier (1-oct-2026): «el primero [A] … con los detalles gráficos del
 * segundo [B], pero el hero del primero»; «los detalles del cuarto [B móvil] en dorado
 * también me gustan mucho». Y el hero ya no nombra a Javier: la página vende el centro.
 * Todo lo de arriba es la A tal cual. Lo de aquí abajo lleva «.azs-pC.azs» (una clase
 * más) para ganar a las reglas de la A sin depender del orden ni de sus media queries.
 * ═════════════════════════════════════════════════════════════════════════════ */
.azs-pC { --azp-filete: rgba(55, 65, 47, .22); }

/* ── Procesos · lista tipográfica con filetes (de B) ─────────────────────────── */
.azs-pC.azs .azp-procesos .azs-lista { border-top: 1px solid var(--azp-filete); }
html body .azs-pC.azs .azp-procesos ul.azs-lista li {
	padding: var(--azs-e3) 0;
	border-bottom: 1px solid var(--azp-filete);
	font-family: var(--azs-display);
	font-size: clamp(1.4375rem, 1.15rem + 1.1vw, 1.875rem);
	font-weight: 500;
	line-height: 1.15;
	letter-spacing: -.01em;
	text-wrap: balance;
	color: var(--azs-tinta) !important;
}
.azs-pC.azs .azp-procesos .azs-lista li::before { content: none; }
html body .azs-pC.azs .azp-procesos p.azs-pie-sec {
	margin-top: var(--azs-e3);
	font-size: .8125rem;
	font-weight: 600;
	letter-spacing: .12em;
	text-transform: uppercase;
	color: var(--azs-oro-hondo) !important;   /* 5,0:1 sobre crema */
}
@media (max-width: 30rem) { html body .azs-pC.azs .azp-procesos p.azs-pie-sec { font-size: .75rem; letter-spacing: .08em; } }

/* ── Javier · sobre papel, sobrio: la página vende el centro ─────────────────── */
.azs-pC.azs .azp-javier .azs-lista { border-top-color: var(--azp-filete); }
.azs-pC.azs .azp-javier .azs-lista li { border-bottom-color: var(--azp-filete); }
html body .azs-pC.azs .azp-medios { color: var(--azs-texto) !important; }
.azs-pC.azs .azp-javier h2 { font-size: var(--azs-t-h2); line-height: 1.12; }   /* un titular más, no el mayor de la página */

/* ── Método · sobre verde, las cuatro decisiones con cifra de display en oro (de B) ── */
.azs-pC.azs .azp-metodo { padding-block: clamp(4.5rem, 2.5rem + 8vw, 8rem); }
html body .azs-pC.azs .azp-metodo .azp-rotulo { color: var(--azs-oro-claro) !important; }   /* 5,4:1 sobre el verde de la sección (#2C3E2D) */
.azs-pC.azs .azs-rejilla.azp-decisiones { counter-reset: azp-dec; border: 0; border-bottom: 1px solid var(--azs-linea-clara); background: none; }
.azs-pC.azs .azs-rejilla.azp-decisiones > * {
	counter-increment: azp-dec;
	display: grid;
	grid-template-columns: clamp(2.75rem, 2rem + 3.6vw, 4.5rem) minmax(0, 1fr);
	column-gap: var(--azs-e2);
	row-gap: .4rem;
	align-content: start;
	padding: var(--azs-e3) 0 var(--azs-e4);
	border: 0;
	border-top: 1px solid var(--azs-linea-clara);
	background: none;
}
.azs-pC.azs .azs-rejilla.azp-decisiones > *:hover { background: none; }
.azs-pC.azs .azs-rejilla.azp-decisiones > *::before {
	content: counter(azp-dec);
	grid-row: 1 / span 2;
	font-family: var(--azs-display);
	font-size: clamp(3.25rem, 2.6rem + 3.4vw, 5.5rem);
	font-weight: 500;
	line-height: .8;
	font-variant-numeric: lining-nums;
	color: var(--azs-oro-claro);                /* 5,4:1 sobre el verde de la sección (#2C3E2D) */
}
html body .azs-pC.azs .azp-decisiones h4 { grid-column: 2; font-size: clamp(1.4375rem, 1.25rem + .8vw, 1.875rem); font-weight: 500; line-height: 1.12; letter-spacing: -.01em; color: var(--azs-crema) !important; }
html body .azs-pC.azs .azp-decisiones p { grid-column: 2; margin: 0; font-size: .9375rem; line-height: 1.65; color: var(--azs-texto-oscuro) !important; }
html body .azs-pC.azs .azp-metodo p.azs-nota { color: var(--azs-crema) !important; border-left-color: var(--azs-oro); }
@media (max-width: 48rem) {
	.azs-pC.azs .azs-rejilla.azp-decisiones > * { padding: var(--azs-e3) 0 var(--azs-e3); }
	.azs-pC.azs .azs-rejilla.azp-decisiones > :last-child { padding-bottom: var(--azs-e3); }
}

/* ── Franja de la guía · la única superficie de oro de la página (de B) ──────── */
.azs-pC.azs .azp-guia { background: var(--azs-oro); border: 0; padding-block: var(--azs-e5); }
html body .azs-pC.azs .azp-guia h2 { color: var(--azs-verde-hondo) !important; }                 /* 5,2:1 sobre el oro */
html body .azs-pC.azs .azp-guia p.azp-guia-texto { color: var(--azs-verde-hondo) !important; }
.azs-pC.azs .azp-guia .azs-btn { background: var(--azs-verde-hondo); border-color: var(--azs-verde-hondo); }
.azs-pC.azs .azp-guia .azs-btn:hover,
.azs-pC.azs .azp-guia .azs-btn:focus-visible { background: var(--azs-tinta); border-color: var(--azs-tinta); }
html body .azs-pC.azs .azp-guia a.azs-btn { color: var(--azs-crema) !important; }

/* ── Terapias · un índice tipográfico con filetes, no una rejilla de tarjetas (de B) ── */
.azs-pC.azs .azs-rejilla.azp-terapias {
	grid-template-columns: minmax(0, 1fr);
	gap: 0;
	margin-top: var(--azs-e5);
	background: none;
	border: 0;
	border-radius: 0;
	border-top: 1px solid var(--azp-filete);
}
.azs-pC.azs .azs-rejilla.azp-terapias > *,
.azs-pC.azs .azs-rejilla.azp-terapias > :last-child {
	position: relative;
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	grid-column: auto;
	gap: .35rem;
	align-items: start;
	min-height: 0;
	padding: var(--azs-e3) 0 var(--azs-e1);
	background: none;
	border: 0;
	border-bottom: 1px solid var(--azp-filete);
	transition: border-color .2s ease;
}
html body .azs-pC.azs .azp-terapias h3 {
	margin: 0;
	font-family: var(--azs-display);
	font-size: clamp(1.625rem, 1.3rem + 1.4vw, 2.25rem);
	font-weight: 500;
	line-height: 1.08;
	letter-spacing: -.012em;
	text-wrap: balance;
	transition: color .2s ease;
}
html body .azs-pC.azs .azp-terapias > * > p { margin: 0; max-width: 32rem; font-size: .9375rem; line-height: 1.6; }
html body .azs-pC.azs .azp-terapias p.azp-ver {
	position: static;
	height: auto;
	margin: 0;
	padding: 0;
	max-width: none;
	font-size: .8125rem;
	font-weight: 600;
	letter-spacing: .08em;
	line-height: 1;
	text-transform: uppercase;
	color: var(--azs-oro-hondo) !important;      /* 5,0:1 sobre crema */
}
html body .azs-pC.azs .azp-terapias p.azp-ver a {
	position: static;
	inset: auto;
	display: inline-flex;
	align-items: center;
	align-self: auto;
	min-height: 2.75rem;
	overflow: visible;
	text-indent: 0;
	white-space: nowrap;
	color: inherit !important;
	text-decoration: none;
}
.azs-pC.azs .azp-terapias .azp-ver a::before { content: ''; position: absolute; inset: 4px 0; }   /* toda la fila se pulsa */
.azs-pC.azs .azp-terapias .azp-ver a::after { position: static; width: 1.2em; height: .74em; margin: 0 0 0 .55em; }
.azs-pC.azs .azp-terapias .azp-ver a:focus-visible { outline: none; }
.azs-pC.azs .azp-terapias .azp-ver a:focus-visible::before { outline: 2px solid var(--azs-tinta); outline-offset: 0; border-radius: 4px; }
@media (hover: hover) {
	html body .azs-pC.azs .azp-terapias > *:hover h3 { color: var(--azs-oro-hondo) !important; }
	.azs-pC.azs .azs-rejilla.azp-terapias > *:hover { border-bottom-color: var(--azs-oro-hondo); background: none; }
}
@media (min-width: 48.0625rem) {
	.azs-pC.azs .azs-rejilla.azp-terapias > *,
	.azs-pC.azs .azs-rejilla.azp-terapias > :last-child {
		grid-template-columns: minmax(0, 5fr) minmax(0, 6fr) 11.5rem;   /* ancho fijo: con «auto» cada fila alineaba distinto */
		column-gap: var(--azs-e5);
		align-items: center;
		padding: var(--azs-e3) 0;
	}
	.azs-pC.azs .azs-rejilla.azp-terapias > :last-child .azp-ver { margin: 0; padding: 0; }
}

/* ── Primera sesión · «45 minutos · 60 €», el dato más grande de la página (de B) ── */
.azs-pC.azs .azp-datos strong { font-size: clamp(3.5rem, 1.2rem + 7vw, 7rem); line-height: .92; }
@media (max-width: 48rem) {
	/* En móvil va en dos líneas, «45 minutos» / «60 €»: el punto medio hace de salto y no se pinta (se sigue leyendo). */
	.azs-pC.azs .azp-datos strong { white-space: normal; font-size: clamp(3.25rem, 1rem + 13vw, 4.5rem); }
	.azs-pC.azs .azp-datos strong .azp-oro { display: block; height: 0; overflow: hidden; }
}
@media (max-width: 22.5rem) { .azs-pC.azs .azp-datos strong { font-size: 3rem; } }


/* ── Hero · el subtítulo en TRES ESCALONES (Javier, 1-oct-2026: «pondría "Centro de Terapia Natural Adaptativa
   Integrativa" bastante más grande que lo que va a continuación… que no parezca un texto larguísimo sin jerarquía»).
   1.º qué es y dónde, en Cormorant grande · 2.º con qué trabaja, pequeño y en gris claro.
   (Hubo un 3.er escalón, un enlace «El método elige cuál encaja con cada proceso»: Javier lo quitó el 1-oct-2026,
   «la explicación no hace falta ahí».) ── */
html body .azs-pC.azs .azs-hero p.azs-lede.azp-que { max-width: 35rem; margin-bottom: var(--azs-e4); font-size: 1rem; line-height: 1.5; }
html body .azs-pC.azs .azs-hero .azp-que .azp-que-centro {
	display: block;
	margin: 0 0 .65rem;
	font-family: var(--azs-display);
	font-size: clamp(1.5625rem, 1.2rem + 1.5vw, 2.25rem);      /* 25 px en móvil · 36 px en escritorio */
	font-weight: 500;
	line-height: 1.12;
	letter-spacing: -.008em;
	text-wrap: balance;
	color: var(--azs-crema) !important;
}
html body .azs-pC.azs .azs-hero .azp-que .azp-que-con {
	display: block;
	font-size: 1rem;
	line-height: 1.5;
	letter-spacing: .005em;
	color: var(--azs-texto-oscuro) !important;                 /* 8,9:1 sobre el verde hondo */
}
@media (max-width: 48rem) {
	html body .azs-pC.azs .azs-hero p.azs-lede.azp-que { margin-bottom: 1.35rem; }
	html body .azs-pC.azs .azs-hero h1 { margin-bottom: .9rem; }
	/* En 335 px de caja: el nombre del centro en DOS líneas (a 25 px salían tres) y las terapias en UNA (a 16 px dejaban «más.» sola). */
	html body .azs-pC.azs .azs-hero .azp-que .azp-que-centro { font-size: 1.3125rem; line-height: 1.16; margin-bottom: .55rem; }
	html body .azs-pC.azs .azs-hero .azp-que .azp-que-con { font-size: .875rem; }
}
@media (max-width: 22.5rem) {
	html body .azs-pC.azs .azs-hero .azp-que .azp-que-con { font-size: .8125rem; letter-spacing: 0; }
}
@media (min-width: 30rem) and (max-width: 48rem) {
	/* Tableta en vertical: hay ancho de sobra y el titular sube a 51 px; el nombre del centro sube con él. */
	html body .azs-pC.azs .azs-hero .azp-que .azp-que-centro { font-size: 1.75rem; }
	html body .azs-pC.azs .azs-hero .azp-que .azp-que-con { font-size: 1rem; }
}

/* Javier · la línea del libro enlaza a /cupido/ (1-oct-2026: «después de docente y formador, autor del libro Desmontando a Cupido») */
html body .azs-pC.azs .azp-javier .azs-lista a { color: var(--azs-oro-hondo) !important; text-decoration: underline; text-decoration-thickness: 1px; text-decoration-color: rgba(134, 103, 45, .45); text-underline-offset: .28em; position: relative; }   /* 4,8:1 sobre papel */
html body .azs-pC.azs .azp-javier .azs-lista a:hover { text-decoration-color: currentColor; }
.azs-pC.azs .azp-javier .azs-lista a::before { content: ''; position: absolute; inset: -.75rem 0; }   /* 44 px de dedo sin abrir la línea */

/* ═════════════════════════════════════════════════════════════════════════════
 * C · SEGUNDA VUELTA (1-oct-2026) tras la revisión independiente
 * «No es una página personal: vende el centro y la entidad» · «estábamos tratando de vender el método TNAI».
 * El método sube (va tras la foto de la consulta) y Javier baja, después de las terapias, con un titular normal
 * y un retrato contenido en móvil. La ficha de contacto pasa a ser tipográfica, como en B. ═══════════════ */
html body .azs-pC.azs .azp-metodo h2 { font-size: clamp(2.125rem, 1.4rem + 3.1vw, 3.5rem); line-height: 1.02; }   /* el titular grande es el del método */
@media (min-width: 48.0625rem) { html body .azs-pC.azs .azp-terapias p.azp-ver { justify-self: end; } }
@media (max-width: 33.99rem) {
	/* El retrato medía 335 × 472: más del doble que la foto del centro en el hero. */
	html body .page-content .azs-pC .azp-javier .azs-persona > img,
	html body .azs-pC.azs .azp-javier .azs-persona > img { max-width: 11.5rem !important; }
}
@media (max-width: 48rem) {
	/* La banda de la consulta ahora da paso al método: su pie va sobre el mismo verde, sin costura. */
	.azs-pC.azs .azs-banda { background: var(--azs-verde); }
}
/* Primera sesión · los pasos 01-02-03 con la cifra a la izquierda en móvil y tableta, como las decisiones del método */
@media (max-width: 61.99rem) {
	.azs-pC.azs .azp-primera .azs-pasos > * { display: grid; grid-template-columns: 3.5rem minmax(0, 1fr); column-gap: var(--azs-e2); align-content: start; }
	.azs-pC.azs .azp-primera .azs-pasos > *::before { grid-row: 1 / span 2; margin: 0; font-size: 2.75rem; line-height: .9; }
	.azs-pC.azs .azp-primera .azs-pasos :is(h3, p) { grid-column: 2; }
}

/* ── Dónde · ficha tipográfica sobre verde, sin panel (de B) ─────────────────── */
.azs-pC.azs .azp-ficha { margin: var(--azs-e4) 0 0; border-top: 1px solid var(--azs-linea-clara); }
.azs-pC.azs .azp-ficha > div {
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	align-items: center;
	padding: var(--azs-e2) 0 .5rem;
	border-bottom: 1px solid var(--azs-linea-clara);
}
html body .azs-pC.azs .azs-sec--oscura .azp-ficha dt {
	margin: 0;
	font-size: .75rem;
	font-weight: 600;
	letter-spacing: .14em;
	text-transform: uppercase;
	color: var(--azs-oro-claro) !important;      /* 5,4:1 sobre el verde de la sección */
}
.azs-pC.azs .azp-ficha dd {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: .5rem var(--azs-e3);
	min-height: 2.75rem;
	margin: 0;
	font-size: 1rem;
	line-height: 1.5;
}
html body .azs-pC.azs .azp-ficha dd { color: var(--azs-texto-oscuro) !important; }
html body .azs-pC.azs .azp-ficha dd a {
	display: inline-flex;
	align-items: center;
	min-height: 2.75rem;
	color: var(--azs-crema) !important;
	text-decoration: underline;
	text-decoration-thickness: 1px;
	text-decoration-color: var(--azs-oro);
	text-underline-offset: .32em;
	font-variant-numeric: lining-nums tabular-nums;
}
html body .azs-pC.azs .azp-ficha dd a:hover { text-decoration-color: currentColor; }
html body .azs-pC.azs .azp-ficha dd a[href^="tel:"] { font-family: var(--azs-display); font-size: 1.75rem; font-weight: 500; line-height: 1; letter-spacing: .01em; color: var(--azs-oro-claro) !important; text-decoration: none; }
.azs-pC.azs .azp-ficha dd > br { display: none; }
@media (min-width: 34rem) {
	.azs-pC.azs .azp-ficha > div { grid-template-columns: minmax(0, 10.5rem) minmax(0, 1fr); column-gap: var(--azs-e3); padding: .5rem 0; }
}
@media (min-width: 62rem) {
	.azs-pC.azs .azp-donde > .azs-caja { grid-template-columns: minmax(0, 6fr) minmax(0, 5fr); grid-template-rows: auto auto 1fr; column-gap: var(--azs-e6); }
	.azs-pC.azs .azp-donde > .azs-caja > * { grid-column: 1; }
	.azs-pC.azs .azp-donde > .azs-caja > figure.azs-mapa { grid-area: 1 / 2 / -1 / 3; margin-top: 0; min-height: 26rem; }
}


/* ═══ BARRA DE ACCIÓN MÓVIL (Reservar · Llamar · WhatsApp) y espacio del <body> ═══════════════
 * La pinta functions.php en el pie de la portada (az_portada_barra). Sustituye aquí a la barra fija de la guía
 * y al aviso fijo del libro, que ya no salen en la portada. */
/* ── Barra de acción móvil (propuesta 1-oct-2026) ─────────────────────────────
 * Sustituye en las páginas de servicio a la barra fija «Quiero la guía gratuita».
 * La acción principal (reservar) y las dos de contacto, en la zona del pulgar.
 * Solo móvil; en ordenador la cabecera ya lleva «Reserva tu cita». */
.azs-barra { display: none; }
@media (max-width: 768px) {
	.azs-barra {
		position: fixed; left: 0; right: 0; bottom: 0; z-index: 10000;
		display: flex; gap: 8px; align-items: center;
		padding: 8px 12px calc(8px + env(safe-area-inset-bottom, 0px));
		background: #2A3124; border-top: 1px solid rgba(245, 239, 231, .18);
		box-shadow: 0 -6px 24px rgba(20, 26, 16, .28);
	}
	.azs-barra a {
		display: inline-flex; align-items: center; justify-content: center; gap: 6px;
		min-height: 48px; border-radius: 100px; text-decoration: none;
		font-family: 'Alexandria', system-ui, sans-serif; font-weight: 600; line-height: 1;
		-webkit-tap-highlight-color: transparent;
	}
	html body nav.azs-barra a.azs-barra-reservar { flex: 1 1 0; min-width: 0; background: #C49B57; color: #1E2417 !important; font-size: 15px; padding: 0 12px; white-space: nowrap; opacity: 1; }
	html body nav.azs-barra a.azs-barra-sec { flex: 0 0 auto; padding: 0 12px; border: 1.5px solid rgba(245, 239, 231, .45); color: #F5EFE7 !important; font-size: 13px; white-space: nowrap; opacity: 1; background: transparent; }
	html body nav.azs-barra a.azs-barra-sec span { color: #F5EFE7 !important; }
	.azs-barra svg { width: 18px; height: 18px; fill: currentColor; flex: none; }
	.azs-barra a:active { transform: scale(.97); }
	.azs-barra a:focus-visible { outline: 2px solid #F5EFE7; outline-offset: 2px; }
	body.az-con-barra { padding-bottom: calc(72px + env(safe-area-inset-bottom, 0px)) !important; } /* la más alta de las dos que se turnan abajo (barra 67, aviso 64-72): antes 64, y la barra pisaba 3 px del pie */
	body.az-con-barra .cta-sticky-mobile, body.az-con-barra #az-wa-premium { display: none !important; }
}
/* En ordenador ya no hay aviso fijo abajo: fuera los 60 px que el <body> le reservaba (10-az-sistema.css y 02-az-base.css). */
/* (1-oct, tarde) Aquí se anulaba el `padding-bottom` del <body> en ordenador porque la portada no llevaba aviso fijo.
   El aviso del libro y la guía ha vuelto en ordenador: el hueco de 60 px de 10-az-sistema.css vuelve a hacer falta. */

/* ── Bloque de autoridad (mu-plugins/az-authority-block.php) · vuelve a la portada el 1-oct-2026, entre las reseñas
   y «Dónde encontrarnos». Sus estilos son los de siempre (02-az-base.css); aquí solo el antetítulo, que iba en el
   oro de marca sobre fondo claro (2,4:1) y pasa al oro de texto (4,6:1). ── */
html body.home .az-authority-block .az-authority-eyebrow { color: #86672D !important; }

/* ── Primera sesión · LA INVITACIÓN sustituye al precio (Javier, 1-oct-2026: «dar el precio y ya está es una de las
   mayores causas de desistimiento… lo suyo es invitar a la persona a contactarnos para valorar su caso»).
   Ni «45 minutos» ni «60 €» en la web: el precio se ve en la agenda de reservas, antes de contratar.
   La nota de privacidad junto a WhatsApp la exige nuestra propia política (no mandar datos de salud por WhatsApp). ── */
.azs-pC.azs .azp-datos.azp-invita strong { font-size: clamp(2.75rem, 1.5rem + 4.4vw, 4.5rem); line-height: 1; white-space: normal; text-wrap: balance; }
.azs-pC.azs .azp-datos.azp-invita .azp-resto { max-width: 34rem; }
@media (max-width: 48rem) {
	.azs-pC.azs .azp-datos.azp-invita strong { font-size: clamp(2.5rem, 1.2rem + 7vw, 3.25rem); }
}
html body .azs-pC.azs .azp-primera p.az-nota-privacidad { margin: var(--azs-e3) 0 0; max-width: 36rem; font-size: .8125rem; line-height: 1.55; color: var(--azs-texto) !important; }
html body .azs-pC.azs .azp-primera p.az-nota-privacidad a { color: var(--azs-oro-hondo) !important; text-decoration: underline; text-underline-offset: .25em; position: relative; }
.azs-pC.azs .azp-primera p.az-nota-privacidad a::before { content: ''; position: absolute; inset: -.75rem 0; }

/* ═════════════════════════════════════════════════════════════════════════════
 * TERCERA VUELTA (1-oct-2026) · arreglos de la revisión independiente de ACABADO, probados por el revisor en su copia
 * (scratchpad/propuestas/_rev-c-acabado/). Lo principal: «Cuéntanos qué te pasa» era más grande que el h1 en todos
 * los anchos; el índice de terapias se apretaba entre 769 y 1151 px; el titular del método casi igualaba al h1 en tableta.
 * ═════════════════════════════════════════════════════════════════════════════ */
/* A · índice de terapias: de 769 a 1151 px, dos columnas (nombre + descripción | «Ver…»), como en B; las tres columnas, desde 72rem */
@media (min-width: 48.0625rem) and (max-width: 71.99rem) {
	.azs-pC.azs .azs-rejilla.azp-terapias > *,
	.azs-pC.azs .azs-rejilla.azp-terapias > :last-child { grid-template-columns: minmax(0, 1fr) auto; column-gap: var(--azs-e4); row-gap: .35rem; align-items: start; }
	html body .azs-pC.azs .azp-terapias h3,
	html body .azs-pC.azs .azp-terapias > * > p:not(.azp-ver) { grid-column: 1; }
	html body .azs-pC.azs .azp-terapias p.azp-ver { grid-column: 2; grid-row: 1 / span 2; align-self: center; }
}
/* B · el h2 del método, grande pero siempre un escalón por debajo del h1 */
html body .azs-pC.azs .azp-metodo h2 { font-size: clamp(2rem, 1.3rem + 2.6vw, 3.125rem); }
/* C · sin huérfanas en los títulos de las cuatro decisiones */
html body .azs-pC.azs .azp-decisiones h4 { text-wrap: balance; }
/* D · un solo filete sobre claro */
.azs-pC.azs .azp-datos { border-color: var(--azp-filete); }
.azs-pC.azs .azs-pasos > * { border-top-color: var(--azp-filete); }
.azs-pC.azs .azp-instituto { border-top-color: var(--azp-filete); }
/* E · el título del libro no se parte y su zona de dedo llega a 44 px */
html body .azs-pC.azs .azp-javier .azs-lista a { white-space: nowrap; }
.azs-pC.azs .azp-javier .azs-lista a::before { inset: -.8rem 0; }
/* F · retrato contenido también en tableta vertical */
@media (min-width: 34rem) and (max-width: 51.99rem) {
	html body .page-content .azs-pC .azp-javier .azs-persona > img,
	html body .azs-pC.azs .azp-javier .azs-persona > img { max-width: 15rem !important; }
}
/* G · (versión de las 17:25) la invitación «Cuéntanos qué te pasa»: por debajo del h1, alineada arriba, dos frases separadas y sin el corte forzado de .azp-nb */
.azs-pC.azs .azp-datos.azp-invita strong { font-size: clamp(2rem, 1.3rem + 2.6vw, 3.125rem); line-height: 1.05; }
@media (max-width: 48rem) { .azs-pC.azs .azp-datos.azp-invita strong { font-size: clamp(2rem, 1.3rem + 2.6vw, 3.125rem); } }
@media (min-width: 62rem) { .azs-pC.azs .azp-datos.azp-invita { align-items: start; } .azs-pC.azs .azp-datos.azp-invita .azp-resto { padding-bottom: 0; } }
.azs-pC.azs .azp-invita .azp-resto > span:last-child { margin-top: .5rem; }
.azs-pC.azs .azp-invita .azp-resto > span { text-wrap: pretty; }
.azs-pC.azs .azp-invita .azp-nb { white-space: normal; }
/* H · zona de dedo del enlace de privacidad: 16 px + 2 × .9rem = 44,8 px */
.azs-pC.azs .azp-primera p.az-nota-privacidad a::before { inset: -.9rem 0; }

/* El subtítulo del hero, en lectura lineal (lector de pantalla, fragmento de buscador), conserva los dos puntos que
   se perdieron al partirlo en dos escalones. No se pinta. */
.azs-pC .azp-que .azp-punto { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }

/* ── EL BOTÓN PRINCIPAL (dorado) ES «RESERVAR» en toda la portada: hero, «Cuéntanos qué te pasa», cierre y barra móvil.
   Decisión de Javier, 1-oct-2026: «es el CTA que quiero; llamar no necesariamente, porque no todo el mundo quiere
   llamar». Llamar y WhatsApp van al lado, en contorno. ── */

/* ═══════════════════════════════════════════════════════════════════════════════════════════════
 * CUARTA VUELTA (1-oct-2026, tarde) · lo que salió del análisis completo de la portada (5 lentes:
 * dos de diseño, venta, referencias y técnica). Agenda: «1-oct-2026 (tarde XIX)».
 * No se retira ninguna pieza ni se cambia ningún texto: se ordena y se viste lo que ya había.
 * ═══════════════════════════════════════════════════════════════════════════════════════════════ */

/* ── A · BLOQUE DE AUTORIDAD, en el idioma de la página ──────────────────────────────────────────
 * Siguen las 13 piezas con sus iconos y sus enlaces (decisión de Javier: «es importante tener eso ahí»).
 * Lo que cambia es la ropa: era lo único de la portada con tarjetas blancas con sombra, todo centrado y
 * una rejilla de 1180 px que empezaba 50 px antes que el resto. Ahora va en la caja de la página, con
 * antetítulo y titular a la izquierda, filetes en vez de tarjetas, y las tres cifras (Google, Doctoralia,
 * años) arriba y en grande, como las cifras del método. El bloque vive fuera de .azs-pC (lo imprime
 * mu-plugins/az-authority-block.php), por eso todo cuelga de body.home y los colores van por token de :root. */
html body.home .az-authority-block { background: var(--azs-papel); border-top: 0; padding: var(--azs-e6) 0; }
html body.home .az-authority-inner { box-sizing: border-box; max-width: var(--azs-ancho); padding-inline: clamp(1.25rem, 5vw, 2.5rem); text-align: left; }
html body.home .az-authority-block .az-authority-eyebrow { display: flex; align-items: center; gap: 1rem; margin: 0 0 var(--azs-e3); font-size: .75rem !important; letter-spacing: .2em; }
html body.home .az-authority-block .az-authority-eyebrow::after { content: ''; flex: 1 1 0; max-width: 5rem; min-width: 0; height: 1px; background: linear-gradient(90deg, var(--azs-oro), transparent); }
html body.home .az-authority-block .az-authority-title { max-width: 22ch; margin: 0 0 var(--azs-e5); font-size: var(--azs-t-h2) !important; font-weight: 500; line-height: 1.12; letter-spacing: 0; text-align: left; text-wrap: balance; color: var(--azs-tinta); }
html body.home .az-authority-grid { grid-template-columns: repeat(15, minmax(0, 1fr)) !important; gap: 0 var(--azs-e4) !important; margin: 0; border-bottom: 1px solid rgba(55, 65, 47, .22); }
html body.home .az-authority-card {
	grid-column: span 3;
	display: grid; grid-template-columns: 2.5rem minmax(0, 1fr); column-gap: .85rem; row-gap: .2rem; align-items: start; align-content: start;
	min-height: 0 !important; padding: 1.1rem 0 1.3rem !important;
	background: none; border: 0; border-top: 1px solid rgba(55, 65, 47, .22); border-radius: 0; box-shadow: none;
	text-align: left; transition: none;
}
html body.home .az-authority-card:hover { transform: none; box-shadow: none; background: none !important; }
html body.home a.az-authority-card:hover .az-authority-num,
html body.home a.az-authority-card:focus-visible .az-authority-num { text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: .2em; }
html body.home a.az-authority-card:focus-visible { outline: 2px solid var(--azs-tinta); outline-offset: 3px; border-radius: 3px; }
html body.home .az-authority-icon { grid-row: 1 / span 2; width: 2.5rem; height: 2.5rem; margin: 0 !important; color: var(--azs-oro-hondo); }
html body.home .az-authority-icon svg { width: 1.6rem; height: 1.6rem; }
html body.home .az-authority-icon.az-icon-logo { box-sizing: border-box; background: #fff; border: 1px solid rgba(55, 65, 47, .12); box-shadow: none; }
html body.home .az-authority-num { font-size: 1.25rem !important; font-weight: 500; line-height: 1.15 !important; color: var(--azs-tinta); }
html body.home .az-authority-label { font-size: .8125rem !important; line-height: 1.45 !important; color: var(--azs-texto); text-align: left; }
/* Las tres cifras: número grande en oro hondo (5,0:1 sobre papel) y debajo, en una línea, el icono y el rótulo. */
html body.home .az-authority-card.az-card-cifra { grid-column: span 5; grid-template-columns: auto minmax(0, 1fr); grid-template-areas: "num num" "ico lab"; column-gap: .55rem; row-gap: .6rem; align-items: center; padding: var(--azs-e3) 0 var(--azs-e4) !important; }
html body.home .az-card-cifra .az-authority-num { grid-area: num; font-size: clamp(3rem, 2.4rem + 2.6vw, 4.5rem) !important; line-height: .95 !important; font-variant-numeric: lining-nums; color: var(--azs-oro-hondo); white-space: nowrap; }
html body.home .az-card-cifra .az-authority-icon { grid-area: ico; grid-row: auto; width: 1.25rem; height: 1.25rem; padding: 0; background: none; border: 0; border-radius: 0; }
html body.home .az-card-cifra .az-authority-icon :is(img, svg) { width: 1.25rem !important; height: 1.25rem !important; }
html body.home .az-card-cifra .az-authority-label { grid-area: lab; font-size: .9375rem !important; }
html body.home .az-authority-block .az-authority-foot { max-width: 36rem; margin: var(--azs-e3) 0 0; font-size: .8125rem; font-style: normal; line-height: 1.6; color: var(--azs-texto); text-align: left; }
@media (max-width: 62rem) {
	html body.home .az-authority-grid { grid-template-columns: repeat(6, minmax(0, 1fr)) !important; }
	html body.home .az-authority-card { grid-column: span 3; }
	html body.home .az-authority-card.az-card-cifra { grid-column: span 2; }
}
@media (max-width: 34rem) {
	html body.home .az-authority-grid { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; column-gap: var(--azs-e2) !important; }
	html body.home .az-authority-card { grid-column: 1 / -1; padding: .85rem 0 .95rem !important; }
	html body.home .az-authority-card.az-card-cifra { grid-column: span 1; grid-template-areas: "num" "lab"; grid-template-columns: minmax(0, 1fr); row-gap: .35rem; padding: var(--azs-e2) 0 var(--azs-e3) !important; }
	html body.home .az-card-cifra .az-authority-icon { display: none; } /* en tres columnas de 100 px no caben icono y rótulo en una línea; el nombre ya está en el rótulo */
	html body.home .az-card-cifra .az-authority-num { font-size: clamp(1.4375rem, 7.2vw, 2.25rem) !important; } /* «+25 años» cabe en un tercio de la caja desde 320 px */
	html body.home .az-card-cifra .az-authority-label { font-size: .75rem !important; }
}

/* ── B · «CUÉNTANOS QUÉ TE PASA», con sitio propio ───────────────────────────────────────────────
 * La invitación ocupaba el hueco que se dibujó para una cifra («45 minutos · 60 €»): gritaba con el tamaño
 * de letra pero no tenía superficie, y era un <strong> dentro de un <p>. Ahora es un panel verde con su
 * titular (h3), sus dos frases, los tres botones y la nota de privacidad. Mismo texto, mismos botones.
 * De paso corta el tramo de 5.000 px de fondos claros justo en el punto donde se pide el contacto. */
.azs-pC .azp-invita-panel {
	display: grid; grid-template-columns: minmax(0, 1fr); gap: var(--azs-e3);
	margin-top: var(--azs-e6); padding: clamp(1.75rem, 1rem + 3.2vw, 3.5rem);
	background: var(--azs-verde); border-radius: var(--azs-radio);
}
html body .azs-pC.azs .azp-invita-panel h3.azp-invita-titulo { margin: 0; font-family: var(--azs-display); font-size: clamp(2.125rem, 1.5rem + 2.6vw, 3.25rem); font-weight: 500; line-height: 1.04; letter-spacing: -.01em; text-wrap: balance; color: var(--azs-crema) !important; }
html body .azs-pC.azs .azp-invita-panel .azp-invita-texto { display: grid; gap: .5rem; max-width: 34rem; }
html body .azs-pC.azs .azp-invita-panel .azp-invita-texto p { margin: 0; font-size: var(--azs-t-cuerpo); line-height: 1.6; text-wrap: pretty; color: var(--azs-texto-oscuro) !important; } /* 7,6:1 sobre #2C3E2D */
html body .azs-pC.azs .azp-invita-panel .azs-acciones { margin: 0; }
html body .azs-pC.azs .azp-primera .azp-invita-panel .azs-btn--secundario { background: transparent; color: var(--azs-crema) !important; border-color: rgba(245, 239, 231, .35); }
html body .azs-pC.azs .azp-primera .azp-invita-panel .azs-btn--secundario:hover { background: rgba(245, 239, 231, .1); border-color: var(--azs-crema); }
html body .azs-pC.azs .azp-primera .azp-invita-panel .azs-btn:focus-visible { outline-color: var(--azs-crema); box-shadow: 0 0 0 5px var(--azs-verde-hondo); }
html body .azs-pC.azs .azp-primera .azp-invita-panel p.az-nota-privacidad { margin: 0; max-width: 40rem; color: var(--azs-texto-oscuro) !important; }
html body .azs-pC.azs .azp-primera .azp-invita-panel p.az-nota-privacidad a { color: var(--azs-oro-claro) !important; } /* 5,4:1 */
@media (min-width: 62rem) {
	.azs-pC .azp-invita-panel { grid-template-columns: minmax(0, 5fr) minmax(0, 6fr); column-gap: var(--azs-e5); align-items: start; }
	.azs-pC .azp-invita-panel > .azs-acciones,
	.azs-pC .azp-invita-panel > .az-nota-privacidad { grid-column: 1 / -1; }
	.azs-pC .azp-invita-panel > .azs-acciones { padding-top: var(--azs-e3); border-top: 1px solid var(--azs-linea-clara); }
}
@media (max-width: 34rem) {
	.azs-pC .azp-invita-panel { margin-inline: -.25rem; } /* los botones ya van a todo el ancho en móvil (regla del sistema) */
}

/* ── C · EL MÉTODO, sin huecos en escritorio ─────────────────────────────────────────────────────
 * El párrafo ocupaba una fila que se estiraba hasta la altura de las cuatro decisiones: la nota «Y si algo
 * queda fuera…» caía unos 200 px más abajo, despegada del texto que completa. La fila elástica pasa a ser
 * la última. */
@media (min-width: 62rem) {
	.azs-pC.azs .azp-metodo > .azs-caja { grid-template-rows: auto auto auto auto 1fr; }
	.azs-pC.azs .azp-metodo > .azs-caja > .azs-nota { align-self: start; }
	.azs-pC.azs .azp-metodo > .azs-caja > .azs-acciones { align-self: start; }
}

/* ── D · DÓNDE + CIERRE: un solo final oscuro ────────────────────────────────────────────────────
 * Dos secciones verdes seguidas dejaban una costura a la vista y el cierre parecía «otra sección verde»,
 * no el remate. Se funden y la pausa la marca un filete dorado corto. */
.azs-pC .azp-donde + .azp-cierre { border-top: 0; background: radial-gradient(80% 70% at 50% 55%, rgba(84, 102, 70, .34) 0%, transparent 70%), var(--azs-verde); } /* arriba, el mismo verde que «Dónde»: sin costura */
.azs-pC .azp-donde + .azp-cierre > .azs-caja::before { content: ''; display: block; width: 5rem; height: 1px; margin: 0 auto var(--azs-e5); background: var(--azs-oro); }

/* ── E · EL BOLETÍN, en el idioma de la página ───────────────────────────────────────────────────
 * Tarjeta blanca con sombra, titular en un verde azulado que no es de la marca y botón rectangular: el
 * mismo patrón ajeno que tenía la autoridad. Se queda todo (campo, botón, nota legal); cambia la ropa. */
.azs-pC .azp-boletin .az-newsletter-card { max-width: 36rem; padding: var(--azs-e4) 0 0; background: none; border: 0; border-top: 1px solid var(--azp-filete); border-radius: 0; box-shadow: none; }
html body .azs-pC .azp-boletin .az-newsletter-title { font-weight: 500 !important; letter-spacing: 0; color: var(--azs-tinta) !important; }
html body .azs-pC .azp-boletin :is(.az-newsletter-sub, .az-newsletter-note, .az-nl-msg, .az-nl-input, .az-nl-btn) { font-family: var(--azs-sans); }
html body .azs-pC .azp-boletin .az-newsletter-sub { color: var(--azs-texto) !important; }
.azs-pC .azp-boletin .az-nl-input { min-height: 3rem; border-radius: 999px; padding-inline: 1.25rem; background: #fff; border-color: rgba(55, 65, 47, .28); }
.azs-pC .azp-boletin .az-nl-input:focus-visible { outline: 2px solid var(--azs-tinta); outline-offset: 2px; }
html body .azs-pC .azp-boletin .az-nl-btn { min-height: 3rem; border-radius: 999px; background: var(--azs-tinta) !important; background-image: none !important; color: var(--azs-crema) !important; box-shadow: none !important; } /* 9,4:1 · el oro queda para Reservar */
html body .azs-pC .azp-boletin .az-nl-btn:hover { background: var(--azs-verde-hondo) !important; }
html body .azs-pC .azp-boletin .az-newsletter-note,
html body .azs-pC .azp-boletin .az-newsletter-note a { color: var(--azs-texto) !important; }

/* ── F · MÓVIL: el retrato a todo el ancho y el aviso de cookies por encima de la barra ──────────── */
@media (max-width: 34rem) {
	html body .page-content .azs-pC .azp-javier .azs-persona > img,
	html body .azs-pC.azs .azp-javier .azs-persona > img { width: 100%; max-width: 100% !important; aspect-ratio: 4 / 5; object-fit: cover; object-position: 50% 30%; }
}
@media (max-width: 768px) {
	/* En la primera visita el aviso de cookies se pintaba ENCIMA de la barra (Reservar · Llamar · WhatsApp)
	   y de la insignia de Google. Ahora se apoya sobre ella: las dos cosas se ven y se pueden pulsar. */
	html body.az-con-barra #moove_gdpr_cookie_info_bar { bottom: calc(68px + env(safe-area-inset-bottom, 0px)) !important; } /* 68 px: alto de la barra de contacto, medido en vivo */
	html.az-turno-aviso body.az-con-barra #moove_gdpr_cookie_info_bar { bottom: calc(72px + env(safe-area-inset-bottom, 0px)) !important; } /* el aviso mide 64 px (72 si el título del libro parte en dos líneas) */
}

/* ═══ QUINTA VUELTA (1-oct-2026, aprobada por Javier y revisada por cuatro lentes + verificación) · «¿Todavía no es el momento de reservar?»: el libro y la guía, con sitio propio ═══
 * En móvil la zona del pulgar es de la barra Reservar · Llamar · WhatsApp y abajo solo cabe una barra (decisión de Javier
 * del 7-ago). El libro y la guía no se pierden: son las dos puertas de quien aún no va a reservar, justo antes del boletín. */
.azs-pC .azp-puertas { display: grid; grid-template-columns: minmax(0, 1fr); max-width: 60rem; margin: var(--azs-e4) auto var(--azs-e3); border-bottom: 1px solid var(--azp-filete); text-align: left; }
.azs-pC .azp-puertas > br { display: none; } /* red de seguridad: wpautop convierte un salto de línea entre las dos puertas en <br />, y en una rejilla ocupa celda */
html body .azs-pC.azs a.azp-puerta { display: grid; grid-template-columns: 5.75rem minmax(0, 1fr); column-gap: var(--azs-e3); align-items: start; padding: var(--azs-e3) 0; border: 0; color: var(--azs-tinta); border-top: 1px solid var(--azp-filete); text-decoration: none; }
.azs-pC .azp-puerta > img { width: 5.75rem; height: auto; border-radius: 3px; box-shadow: 5px 7px 18px rgba(30, 36, 23, .3); }
.azs-pC .azp-puerta-cifra { font-family: var(--azs-display); font-size: 6.5rem; font-weight: 500; line-height: .78; font-variant-numeric: lining-nums; text-align: center; }
html body .azs-pC.azs .azp-puerta .azp-puerta-cifra { color: var(--azs-oro-hondo) !important; }
.azs-pC .azp-puerta-txt { display: grid; gap: .35rem; }
.azs-pC .azp-puerta-rot { font-family: var(--azs-sans); font-size: .75rem; font-weight: 600; letter-spacing: .2em; text-transform: uppercase; }
html body .azs-pC.azs .azp-puerta .azp-puerta-rot { color: var(--azs-oro-hondo) !important; }
.azs-pC .azp-puerta-txt strong { font-family: var(--azs-display); font-size: clamp(1.4375rem, 1.2rem + 1vw, 1.875rem); font-weight: 500; line-height: 1.12; text-wrap: balance; }
html body .azs-pC.azs .azp-puerta .azp-puerta-txt strong { color: var(--azs-tinta) !important; }
.azs-pC .azp-puerta-que { font-size: .9375rem; line-height: 1.55; }
html body .azs-pC.azs .azp-puerta .azp-puerta-que { color: var(--azs-texto) !important; }
.azs-pC .azp-puerta-ir { display: inline-flex; align-items: center; width: fit-content; margin-top: .35rem; font-size: .875rem; font-weight: 600; text-decoration: underline; text-decoration-color: var(--azs-oro); text-decoration-thickness: 1px; text-underline-offset: .32em; }
html body .azs-pC.azs .azp-puerta .azp-puerta-ir { color: var(--azs-tinta) !important; }
.azs-pC .azp-puerta-ir::after { content: ''; flex: none; display: inline-block; width: 1.2em; height: .74em; margin-left: .55em; background: currentColor; -webkit-mask: var(--azp-flecha) center / contain no-repeat; mask: var(--azp-flecha) center / contain no-repeat; }
html body .azs-pC.azs a.azp-puerta:hover .azp-puerta-ir { text-decoration-color: currentColor; }
@media (min-width: 52rem) {
	.azs-pC .azp-puertas { grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: var(--azs-e5); }
	html body .azs-pC.azs a.azp-puerta { grid-template-columns: 7rem minmax(0, 1fr); padding: var(--azs-e4) 0; }
	.azs-pC .azp-puerta > img { width: 7rem; }
	.azs-pC .azp-puerta-cifra { font-size: 8rem; }
}

/* ═══ PROGRAMAS DE TRABAJO CONTINUADO · vuelve como bloque (decisión de Javier, 1-oct-2026), compacto y sin precio ═══
 * Los cuatro programas de siempre, con sus textos, en lista con filetes (el idioma de la página). Sin «desde 300 €/mes»
 * (regla: sin precio en la web; la duración que no se publica es la de la sesión) y sin «disponibilidad limitada». Una sola acción: preguntar. */
.azs-pC .azp-programas { padding-block: var(--azs-e6); }
.azs-pC .azp-programas-lista { display: grid; grid-template-columns: minmax(0, 1fr); margin: var(--azs-e4) 0 0; padding: 0; list-style: none; border-bottom: 1px solid var(--azp-filete); }
.azs-pC .azp-programas-lista > li { margin: 0; padding: 1.35rem 0 1.45rem; border-top: 1px solid var(--azp-filete); }
.azs-pC .azp-programas-lista > li::before { content: none; }
html body .azs-pC.azs .azp-programas-lista h3 { display: flex; flex-wrap: wrap; align-items: baseline; gap: .25rem .9rem; margin: 0 0 .45rem; font-family: var(--azs-display); font-size: clamp(1.375rem, 1.2rem + .8vw, 1.75rem); font-weight: 500; line-height: 1.15; font-variant-numeric: lining-nums; color: var(--azs-tinta) !important; } /* «1 mes» con cifra de caja alta: en Cormorant el 1 elzeviriano se lee como una I */
html body .azs-pC.azs .azp-programas-lista h3 .azp-habitual { font-family: var(--azs-sans); font-size: .75rem; font-weight: 600; letter-spacing: .16em; text-transform: uppercase; color: var(--azs-oro-hondo) !important; }
html body .azs-pC.azs .azp-programas-lista p { max-width: 36rem; margin: 0; font-size: .9375rem; line-height: 1.6; color: var(--azs-texto) !important; }
html body .azs-pC.azs p.azp-programas-nota { max-width: 36rem; margin: var(--azs-e3) 0 0; font-size: .875rem; line-height: 1.6; color: var(--azs-texto) !important; }
.azs-pC .azp-programas .azs-acciones { margin-top: var(--azs-e3); }
@media (min-width: 62rem) {
	/* como Procesos y el Método: el titular a la izquierda y la lista a la derecha */
	.azs-pC .azp-programas > .azs-caja { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 6fr); grid-template-rows: auto auto auto auto 1fr; column-gap: clamp(3rem, 7vw, 6rem); }
	.azs-pC .azp-programas > .azs-caja > * { grid-column: 1; }
	.azs-pC .azp-programas.azs-sec > .azs-caja > .azp-programas-lista { grid-area: 1 / 2 / 6 / 3; margin-top: .35rem; align-self: start; }
	.azs-pC .azp-programas > .azs-caja > .azs-acciones { align-self: start; }
}

/* ═══ REVISIÓN DE ACABADO de la quinta vuelta (1-oct-2026) · arreglos para añadir DESPUÉS de quinta.css ═══
 * Probados en scratchpad/quinta-rev/diseno/ (prueba.html, prueba-et.html, prueba-jer.html · capturas en cap/). */

/* P1 · «Preguntar por los programas» (y «Conocer trayectoria y enfoque», el mismo botón sobre claro):
   el contorno al 12 % daba 1,2:1 contra el crema y el botón se leía como texto en negrita. Al 60 %, 3,2:1. */
html body .azs-pC.azs :is(.azp-programas, .azp-javier) .azs-btn--secundario { border-color: rgba(55, 65, 47, .6); }
html body .azs-pC.azs :is(.azp-programas, .azp-javier) .azs-btn--secundario:hover { border-color: var(--azs-tinta); background: rgba(55, 65, 47, .05); }

/* P2 · El titular del boletín, en el eje: `.azs h2 { max-width: 30ch }` lo dejaba a la izquierda dentro de la tarjeta
   (30 px fuera de eje a 1440, 77 px a 840). */
html body .azs-pC .azp-boletin .az-newsletter-title { max-width: none; }

/* P2 · A 320 px la columna de texto de cada puerta medía 164 px: títulos en 3 líneas, raya al principio de línea
   y «Quiero la guía gratuita» partido con la flecha suelta en el margen. */
@media (max-width: 22.5rem) {
	html body .azs-pC.azs a.azp-puerta { grid-template-columns: 4.5rem minmax(0, 1fr); column-gap: 1rem; }
	.azs-pC .azp-puerta > img { width: 4.5rem; }
	.azs-pC .azp-puerta-cifra { font-size: 5.25rem; }
}

/* P3 · Las puertas se cierran como las demás listas de la página (filete corrido abajo); el boletín pierde el suyo,
   que era de otro ancho (576 frente a 960). */
.azs-pC .azp-puertas + .az-newsletter-section .az-newsletter-card { border-top: 0; padding-top: var(--azs-e2); }

/* P3 · Jerarquía del final: la frase manda y el boletín pasa a ser la tercera puerta, al tamaño de las otras dos
   (antes: frase 28 px < títulos de las puertas 30 px < «Newsletter Área Zentro» 36 px). */
html body .azs-pC.azs .azp-boletin-motivo { font-size: clamp(1.625rem, 1.25rem + 1.6vw, 2.25rem); line-height: 1.12; max-width: 24ch; }
html body .azs-pC .azp-boletin .az-newsletter-title { font-size: clamp(1.4375rem, 1.2rem + 1vw, 1.875rem) !important; }

/* P3 · En móvil «El más habitual» sube encima del título (como el rótulo de las puertas) como el rótulo de las puertas. */
@media (max-width: 34rem) {
	html body .azs-pC.azs .azp-programas-lista h3 .azp-habitual { order: -1; flex-basis: 100%; }
}

/* P3 · Al pasar por encima, la puerta responde como una fila de Terapias (el título se dora), no solo el subrayado. */
.azs-pC .azp-puerta-txt strong { transition: color .2s ease; }
@media (hover: hover) {
	html body .azs-pC.azs a.azp-puerta:hover .azp-puerta-txt strong { color: var(--azs-oro-hondo) !important; }
}

/* ── Extras de la quinta vuelta (plan verificado del análisis) ─────────────────────────────────── */
/* «Leer más» del widget de reseñas iba en #808080 al 50 %: 3,98:1 sobre blanco. Era el único texto de la portada bajo 4,5:1. */
html body .azs-pC .ti-widget .ti-read-more span,
html body .azs-pC .ti-widget .ti-read-more-active { color: #5F5A52 !important; opacity: 1 !important; }
html body .azs-pC .ti-widget .ti-read-more span:focus-visible { outline: 2px solid var(--azs-tinta); outline-offset: 2px; }
/* El paso siguiente de «Procesos» va bajo la lista, en la columna de la derecha */
.azs-pC .azp-procesos .azp-lado .azp-destacado-enlace { margin-top: var(--azs-e3); }

/* ═══ BARRA MÓVIL POR TURNOS · «opción B», elegida por Javier el 1-oct-2026 (noche) ══════════════════════════
 * Javier: «en el móvil sigue saliendo el banner de reservar cita y teléfonos» (esperaba ver el libro y la guía).
 * Abajo solo cabe UNA barra (su decisión del 7-ago: nunca dos apiladas). Solución: se turnan.
 *   · Primero va el aviso: la guía y, a los 15 s, el libro (el mismo aviso que en ordenador). La primera pantalla ya
 *     lleva «Reservar primera consulta» y el teléfono en el propio hero.
 *   · La barra de contacto (Reservar · Llamar · WhatsApp) entra cuando se ha salido de la primera pantalla Y los dos
 *     avisos ya han tenido su rato (unos 23 s desde la carga): que dé tiempo a ver los dos. Al volver arriba, el aviso.
 * El turno lo marca la clase `az-turno-aviso` en <html>, que pone un script del <head> (functions.php, «az-barra-turnos»).
 * SIN JavaScript no hay clase: se queda la barra de contacto, que es la que vende. La que se esconde sale también del
 * orden de tabulación (visibility), para que nadie enfoque un botón que no ve. */
@media (max-width: 768px) {
	html body.home .areazentro-guia-banner {
		display: flex; box-sizing: border-box; z-index: 10001; min-height: 65px;
		padding: 8px 12px calc(8px + env(safe-area-inset-bottom, 0px));
		background: #2A3124; border-top: 1px solid rgba(245, 239, 231, .18); box-shadow: 0 -6px 24px rgba(20, 26, 16, .28);
		transform: translateY(110%); visibility: hidden;
		transition: transform .4s cubic-bezier(.22, .8, .24, 1), visibility 0s linear .4s;
	}
	html.az-turno-aviso body.home .areazentro-guia-banner { transform: none; visibility: visible; transition: transform .4s cubic-bezier(.22, .8, .24, 1), visibility 0s; }
	html body.home nav.azs-barra { transition: transform .4s cubic-bezier(.22, .8, .24, 1), visibility 0s; }
	html.az-turno-aviso body.home nav.azs-barra { transform: translateY(110%); visibility: hidden; transition: transform .4s cubic-bezier(.22, .8, .24, 1), visibility 0s linear .4s; }
	/* En móvil cada aviso dice DE QUÉ VA y lleva su botón, en una sola franja (Javier, 1-oct noche: «no sabe la persona
	   de qué va esa guía»). Del libro: la pregunta y el título. De la guía: la pregunta entera («¿Quieres saber cómo avisa
	   un sistema nervioso en alerta?»). La segunda frase de cada aviso sigue en el marcado, para ordenador y para el
	   lector de pantalla, pero aquí no ocupa (font-size: 0 en el párrafo; lo que se ve lleva su tamaño propio). */
	html body.home .areazentro-guia-banner { min-height: 64px; } /* más bajo que la barra de contacto (67 px): no tapa nada que ella no tapara */
	html body.home .areazentro-guia-banner .azb-msg { width: 100%; flex-wrap: nowrap; justify-content: space-between; gap: 12px; }
	html body.home .areazentro-guia-banner p { flex: 1 1 auto; min-width: 0; text-align: left; font-family: 'Alexandria', system-ui, sans-serif; font-size: 0; line-height: 1.3; }
	html body.home .areazentro-guia-banner p br { display: none; }
	html body.home .areazentro-guia-banner p strong { display: block; font-size: 14.5px; font-weight: 600; text-wrap: balance; }
	html body.home .areazentro-guia-banner p .azb-que { display: block; margin-top: 2px; font-size: 12.5px; line-height: 1.35; text-wrap: balance; color: #D8D2C4; } /* 9,6:1 sobre #2A3124 */
	html body.home .areazentro-guia-banner .azb-msg--guia p strong { font-size: 13px; line-height: 1.26; }
	html body.home .areazentro-guia-banner .guia-banner-cta { flex: none; box-sizing: border-box; display: inline-flex; align-items: center; justify-content: center; min-height: 48px; padding: 0 16px; border-radius: 100px; background: #C49B57; color: #1E2417 !important; font-family: 'Alexandria', system-ui, sans-serif; font-size: 14px; font-weight: 600; letter-spacing: 0; -webkit-tap-highlight-color: transparent; } /* 6,6:1 */
	/* «Quiero la guía gratuita →» en dos líneas dentro del botón: así la pregunta tiene sitio a su lado */
	html body.home .areazentro-guia-banner .azb-msg--guia .guia-banner-cta { max-width: 10.9em; padding: 6px 14px; font-size: 13px; line-height: 1.2; text-align: center; white-space: normal; border-radius: 26px; }
	@media (max-width: 21.25rem) { html body.home .areazentro-guia-banner p .azb-que { display: none; } } /* a 320 px el título del libro partía en tres líneas y el aviso crecía a 90 px */
	html body.home .areazentro-guia-banner .guia-banner-cta:active { transform: scale(.97); }
	html body.home .areazentro-guia-banner .guia-banner-cta:focus-visible { outline: 2px solid #F5EFE7; outline-offset: 2px; }
}
@media (max-width: 768px) and (prefers-reduced-motion: reduce) {
	html body.home .areazentro-guia-banner,
	html body.home nav.azs-barra { transition: none !important; }
}

/* ── Turno del aviso en móviles BAJOS (revisión de robustez, 1-oct-2026) ─────────────────────────────────────────
 * Mientras abajo va el aviso (guía/libro) no está la barra con «Llamar», así que el teléfono del hero tiene que
 * verse. En los altos reales de Safari (iPhone 13-15: ~660 px; Pro Max: ~740; SE: ~553) quedaba justo debajo, y en
 * un SE se tapaba media «Reservar primera consulta». Se recorta un poco la banda de foto (24-36 px), no los textos. */
@media (max-width: 48rem) and (max-height: 47.5rem) {
	.azs-pC .azs-hero { padding-top: 15.25rem; }
	html body .page-content .azs-pC .azs-hero > .azs-hero-foto,
	html body .azs-pC.azs .azs-hero > .azs-hero-foto { height: 14.25rem !important; }
	.azs-pC .azs-hero::before { background: linear-gradient(180deg, rgba(30, 36, 23, .62) 0, rgba(30, 36, 23, .16) 4.3rem, rgba(42, 49, 36, 0) 7.5rem, rgba(42, 49, 36, .5) 11.5rem, #2A3124 14.25rem); }
}
@media (max-width: 48rem) and (max-height: 43.75rem) {
	.azs-pC .azs-hero { padding-top: 10rem; }
	html body .page-content .azs-pC .azs-hero > .azs-hero-foto,
	html body .azs-pC.azs .azs-hero > .azs-hero-foto { height: 9.25rem !important; }
	.azs-pC .azs-hero::before { background: linear-gradient(180deg, rgba(30, 36, 23, .62) 0, rgba(30, 36, 23, .16) 2.8rem, rgba(42, 49, 36, 0) 4.8rem, rgba(42, 49, 36, .5) 7.5rem, #2A3124 9.25rem); }
}