/* ==========================================================================
   Human Notes — main.css (fuente única de estilos)
   Tipografía desktop canon. Sin parches acumulados.
   ========================================================================== */

/* ---------- Color ---------- */
:root {
	--bg: #ffffff;
	--fg: #1a1a1a;
	--muted: #1a1a1a;
	--line: #e3e3e3;
	--focus: #1a1a1a;
	--overlay: rgba(177, 177, 177, 0.4);
	--overlay-fg: #1a1a1a;

	--font-base: "Suisse Int'l", "Helvetica Neue", Inter, Arial, sans-serif;

	/* Pesos */
	--fw-regular: 400;
	--fw-medium: 500;
	--fw-bold: 600;

	/* Desktop canon */
	--fs-h1: 42px;
	--lh-h1: 46px;
	--ls-h1: -0.01em;

	--fs-h2: 24px;
	--lh-h2: 32px;
	--ls-h2: 0;

	--fs-h3: 22px;
	--lh-h3: 30px;
	--ls-h3: 0;

	--fs-body: 20px;
	--lh-body: 28px;
	--ls-body: 0;

	--fs-label: 16px;
	--lh-label: 22px;
	--ls-label: 0;

	/* Layout */
	--gutter: 20px;
	--grid-cols: 12;
	--grid-gap: 16px;
	--header-h: 56px;
	--radius-card: 0;
	--radius-thumb: 0;

	--space-1: 4px;
	--space-2: 8px;
	--space-3: 12px;
	--space-4: 16px;
	--space-5: 24px;
	--space-6: 32px;
	--space-7: 48px;
	--space-8: 64px;
}

:root[data-theme="dark"] {
	--bg: #11110f;
	--fg: #f3f1eb;
	--muted: #f3f1eb;
	--line: #2a2a28;
	--focus: #f3f1eb;
	--overlay: rgba(243, 241, 235, 0.4);
	--overlay-fg: #11110f;
}

@media (prefers-color-scheme: dark) {
	:root:not([data-theme]) {
		--bg: #11110f;
		--fg: #f3f1eb;
		--muted: #f3f1eb;
		--line: #2a2a28;
		--focus: #f3f1eb;
		--overlay: rgba(243, 241, 235, 0.4);
		--overlay-fg: #11110f;
	}
}

/* Mobile type scale (slightly tighter) */
@media (max-width: 767px) {
	:root {
		--fs-h1: 28px;
		--lh-h1: 34px;
		--fs-h2: 20px;
		--lh-h2: 28px;
		--fs-body: 16px;
		--lh-body: 22px;
		--fs-label: 14px;
		--lh-label: 22px;
	}
}

/* ---------- Reset / base ---------- */
*,
*::before,
*::after {
	box-sizing: border-box;
}

html {
	font-size: 100%;
	-webkit-text-size-adjust: 100%;
}

body {
	margin: 0;
	background: var(--bg);
	color: var(--fg);
	font-family: var(--font-base);
	font-size: var(--fs-body);
	font-weight: var(--fw-regular);
	line-height: var(--lh-body);
	letter-spacing: var(--ls-body);
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

img {
	max-width: 100%;
	height: auto;
	display: block;
}

a {
	color: inherit;
	text-decoration: none;
}

a:focus-visible,
button:focus-visible {
	outline: 2px solid var(--focus);
	outline-offset: 2px;
}

ul, ol {
	margin: 0;
	padding: 0;
}

button {
	font: inherit;
	color: inherit;
	background: none;
	border: 0;
	cursor: pointer;
}

.screen-reader-text {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	border: 0;
}

/* ---------- Tipografía (única) ---------- */
h1, .h1 {
	font-size: var(--fs-h1);
	line-height: var(--lh-h1);
	font-weight: var(--fw-medium);
	letter-spacing: var(--ls-h1);
	margin: 0;
}

h2, .h2 {
	font-size: var(--fs-h2);
	line-height: var(--lh-h2);
	font-weight: var(--fw-medium);
	letter-spacing: var(--ls-h2);
	margin: 0;
}

h3, h4, h5, h6 {
	font-size: var(--fs-h2);
	line-height: var(--lh-h2);
	font-weight: var(--fw-medium);
	letter-spacing: var(--ls-h2);
	margin: 0;
}

p {
	margin: 0 0 1.15em;
	font-size: var(--fs-body);
	line-height: var(--lh-body);
	font-weight: var(--fw-regular);
	letter-spacing: var(--ls-body);
}
p:last-child {
	margin-bottom: 0;
}

strong, b {
	font-weight: var(--fw-bold);
	font-synthesis: none;
}

small {
	font-size: var(--fs-label);
	line-height: var(--lh-label);
}

/* Gutenberg / contenido */
.entry-content,
.entry__body,
.doc__body,
.wp-block-post-content {
	font-size: var(--fs-body);
	line-height: var(--lh-body);
	font-weight: var(--fw-regular);
}

.entry-content h1,
.entry__body h1,
.doc__body h1 {
	font-size: var(--fs-h1);
	line-height: var(--lh-h1);
	font-weight: var(--fw-medium);
	letter-spacing: var(--ls-h1);
	margin: 1.5em 0 0.5em;
}

.entry-content h2,
.entry__body h2,
.doc__body h2,
.entry__section-h {
	font-size: var(--fs-h2);
	line-height: var(--lh-h2);
	font-weight: var(--fw-medium);
	letter-spacing: var(--ls-h2);
	margin: 1.5em 0 0.5em;
}

.entry-content h3,
.entry__body h3,
.doc__body h3 {
	font-size: var(--fs-h2);
	line-height: var(--lh-h2);
	font-weight: var(--fw-medium);
	margin: 1.25em 0 0.4em;
}

.entry-content p,
.entry__body p,
.doc__body p {
	margin: 0 0 1.15em;
}

.entry__intro,
.is-style-lead-paragraph {
	font-size: var(--fs-h2);
	line-height: var(--lh-h2);
	font-weight: var(--fw-medium);
	letter-spacing: var(--ls-h2);
	margin-bottom: 48px;
}

.entry-content a,
.entry__body a,
.doc__body a {
	text-decoration: underline;
	text-underline-offset: 3px;
}

.entry-content a:focus-visible,
.entry__body a:focus-visible,
.doc__body a:focus-visible {
	outline-color: var(--fg);
}

.entry-content ul,
.entry-content ol,
.entry__body ul,
.entry__body ol,
.doc__body ul,
.doc__body ol {
	margin: 0 0 1.15em;
	padding-left: 1.25em;
}

/* ---------- Layout shell ---------- */
.page,
main.page,
main.entry-page,
.site-header,
.site-footer__inner {
	padding-left: var(--gutter);
	padding-right: var(--gutter);
	box-sizing: border-box;
}

/* ---------- Header ---------- */
.site-header {
	position: fixed;
	top: 0;
	z-index: 100;
	display: grid;
	grid-template-columns: 1fr auto 1fr;
	align-items: center;
	min-height: var(--header-h);
	background: var(--bg);
	border-bottom: 1px solid var(--line);
	font-size: var(--fs-label);
	line-height: var(--lh-label);
	font-weight: var(--fw-regular);
}

.site-header__brand {
	justify-self: start;
	font-weight: var(--fw-medium);
}

.site-header__center {
	justify-self: center;
	text-align: center;
	max-width: 50vw;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.site-header__aside,
.site-header__close {
	justify-self: end;
	text-align: right;
}

@media (min-width: 768px) {
	.site-header {
		grid-template-columns: repeat(12, 1fr);
		column-gap: var(--grid-gap);
	}
	.site-header__brand {
		grid-column: 1 / span 3;
	}
	.site-header__center {
		grid-column: 6 / span 5;
		justify-self: start;
		text-align: left;
		max-width: none;
	}
	.site-header__aside,
	.site-header__close {
		grid-column: 11 / -1;
	}
}

@media (max-width: 767px) {
	body.home .site-header__center {
		display: none;
	}
}

/* ---------- Home ---------- */
.home-hero {
	padding-top: 300px;
	padding-bottom: 0;
}

.home-hero__claim {
	margin: 0;
	font-size: var(--fs-h1);
	line-height: var(--lh-h1);
	font-weight: var(--fw-medium);
	letter-spacing: var(--ls-h1);
	max-width: 18ch;
}

.home-hero__mark {
	display: none;
}

.home-hero__cursor {
	display: inline-block;
	width: 1px;
	margin-left: 2px;
	background: var(--fg);
	animation: hn-cursor 1s step-end infinite;
}

@keyframes hn-cursor {
	50% { opacity: 0; }
}

.home-index-list {
	padding-top: 80px;
	padding-bottom: 120px;
}

.home-index-list__label {
	margin: 0 0 12px;
	font-size: var(--fs-label);
	line-height: var(--lh-label);
	font-weight: var(--fw-medium);
}

.home-index-list__ul {
	list-style: none;
	border-top: 1px solid var(--line);
}

.home-index-list__row {
	border-bottom: 1px solid var(--line);
	background: transparent;
}

.home-index-list__link {
	display: grid;
	grid-template-columns: 1fr auto;
	align-items: center;
	gap: 16px;
	padding: 16px 12px;
	font-size: var(--fs-label);
	line-height: var(--lh-label);
	font-weight: var(--fw-regular);
}

.home-index-list__cta {
	justify-self: end;
}

@media (hover: hover) {
	.home-index-list__row:hover {
		background: #ececec;
		border-bottom-color: #ececec;
		box-shadow: -50vw 0 0 #ececec, 50vw 0 0 #ececec;
	}
	:root[data-theme="dark"] .home-index-list__row:hover {
		background: #2a2a28;
		border-bottom-color: #2a2a28;
		box-shadow: -50vw 0 0 #2a2a28, 50vw 0 0 #2a2a28;
	}
}

@media (max-width: 767px) {
	.home-hero {
		padding-top: 120px;
	}
	.home-index-list {
		padding-top: 60px;
	}
	.home-index-list__link {
		padding: 14px 0;
	}
}

/* ---------- Doc pages (About, Prólogo, HCF…) ---------- */
.doc {
	padding-bottom: 80px;
}

.doc__title {
	margin: 0 0 40px;
	padding-top: 300px;
	font-size: var(--fs-h1);
	line-height: var(--lh-h1);
	font-weight: var(--fw-medium);
	letter-spacing: var(--ls-h1);
}

.doc__body {
	font-size: var(--fs-body);
	line-height: var(--lh-body);
}

@media (min-width: 768px) {
	.doc {
		display: grid;
		grid-template-columns: repeat(12, 1fr);
		column-gap: var(--grid-gap);
	}
	.doc__title,
	.doc__body {
		grid-column: 6 / span 5;
	}
}

@media (max-width: 767px) {
	.doc__title {
		padding-top: 120px;
	}
}

/* ---------- Entry / Note PDP ---------- */
.entry {
	display: grid;
	grid-template-columns: repeat(12, 1fr);
	column-gap: var(--grid-gap);
	padding-bottom: 80px;
}

/* Desktop-only PDP columns (no aplicar en mobile) */
@media (min-width: 768px) {
	.entry__hero {
		grid-column: 6 / -1; /* cols 6 → 12 */
		margin: 0 0 40px;
		aspect-ratio: 1 / 1;
		overflow: hidden;
		width: 100%;
		max-width: none;
	}
	.entry__title {
		grid-column: 6 / span 5;
		margin: 0 0 40px;
		font-size: var(--fs-h1);
		line-height: var(--lh-h1);
		font-weight: var(--fw-medium);
		letter-spacing: var(--ls-h1);
	}
	.entry__meta,
	.entry__symptoms {
		grid-column: 6 / span 5;
		font-size: var(--fs-label);
		line-height: var(--lh-label);
		font-weight: var(--fw-regular);
		margin: 0 0 16px;
	}
	.entry__intro,
	.entry__body,
	.entry__section {
		grid-column: 6 / span 5;
	}
	.entry__rule {
		grid-column: 1 / -1;
		border: 0;
		border-top: 1px solid var(--line);
		margin: 40px 0 48px;
	}
}

.entry__hero-img,
.entry__hero img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	animation: hnSoft4 5s ease-in-out infinite;
}

@keyframes hn-pulse {
	0%, 100% { opacity: 1; filter: saturate(1) contrast(1) brightness(1); }
	50% { opacity: 0.85; filter: saturate(1.35) contrast(1.08) brightness(1.05); }
}

@media (prefers-reduced-motion: reduce) {
	.entry__hero-img,
	.entry__hero img {
		animation: none;
	}
}

.entry__meta {
	display: flex;
	flex-wrap: wrap;
	gap: 8px 24px;
	margin-top: 40px;
}

.chips {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	list-style: none;
}

.chip {
	display: inline-block;
	padding: 4px 10px;
	border: 1px solid var(--line);
	border-radius: 999px;
	font-size: var(--fs-label);
	line-height: var(--lh-label);
}

.entry__section {
	margin-top: 48px;
}

.entry__section-h {
	margin-bottom: 16px;
}

/* PDP mobile: full width (4 cols mentales = 100%) */
@media (max-width: 767px) {
	.entry,
	article.entry {
		display: block !important;
		width: 100% !important;
	}
	.entry__title,
	.entry__hero,
	.entry__meta,
	.entry__meta-row,
	.entry__symptoms,
	.entry__tags,
	.entry__rule,
	.entry__intro,
	.entry__body,
	.entry__section {
		grid-column: 1 / -1 !important;
		width: 100% !important;
		max-width: 100% !important;
		margin-left: 0 !important;
		margin-right: 0 !important;
	}
	.entry__hero {
		aspect-ratio: 1 / 1 !important;
		margin: 0 0 40px !important;
	}
	.entry__title {
		padding-top: 0 !important;
		margin: 0 0 40px !important;
	}
}

/* ---------- Next Note / note-module / category list ---------- */
.next-note,
a.next-note {
	display: grid;
	grid-template-columns: repeat(12, 1fr);
	column-gap: var(--grid-gap);
	align-items: start;
	padding-top: 20px;
	margin-top: 0;
	margin-bottom: 0;
	border-top: 1px solid var(--line);
	color: var(--fg);
	text-decoration: none;
}

.next-note__label {
	grid-column: 1 / span 4;
	font-size: var(--fs-label);
	line-height: var(--lh-label);
	font-weight: var(--fw-medium);
}

.next-note__media {
	grid-column: 6 / span 2;
	aspect-ratio: 4 / 5;
	overflow: hidden;
	background: var(--line);
}

.next-note__img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	animation: hnSoft4 5s ease-in-out infinite;
}

.next-note__meta {
	grid-column: 9 / span 4;
	margin-top: -3px;
}

.next-note__ref {
	font-size: var(--fs-h2);
	line-height: var(--lh-h2);
	font-weight: var(--fw-medium);
}

.next-note__l1,
.next-note__l2 {
	display: block;
}

.next-note__read {
	display: inline-block;
	margin-top: 8px;
	font-size: var(--fs-label);
	line-height: var(--lh-label);
	font-weight: var(--fw-regular);
}

@media (hover: hover) {
	.next-note:hover .next-note__read {
		text-decoration: none;
		color: #808080;
	}
}

.notes-category__list {
	margin-top: 100px;
}

.notes-category__list > .next-note,
.notes-category__list > a.next-note {
	margin-top: 0;
	margin-bottom: 100px;
}

.notes-category__list > .next-note:last-child,
.notes-category__list > a.next-note:last-child {
	margin-bottom: 200px;
}

@media (max-width: 767px) {
	.next-note,
	a.next-note {
		display: block;
		margin-top: 80px;
	}
	.next-note__label,
	.next-note__media,
	.next-note__meta {
		display: block;
		margin-bottom: 12px;
	}
	.next-note__media {
		width: 40%;
		max-width: 160px;
	}
	.notes-category__list {
		margin-top: 80px;
	}
	.notes-category__list > .next-note {
		margin-bottom: 50px;
	}
}

/* ---------- Footer ---------- */
.site-footer {
	margin-top: 0;
	padding: 0;
	border-top: 1px solid var(--line);
	width: 100%;
	margin-left: 0;
	margin-right: 0;
	background: var(--bg);
	font-size: var(--fs-label);
	line-height: var(--lh-label);
	box-sizing: border-box;
}

.site-footer__inner {
	position: relative;
	padding-top: 20px;
	padding-bottom: 20px;
	min-height: 320px;
}

.ft-cols {
	display: grid;
	grid-template-columns: repeat(12, 1fr);
	column-gap: var(--grid-gap);
}

.ft-col--1 { grid-column: 1 / 6; }
.ft-col--2 { grid-column: 6 / 9; }
.ft-col--3 { grid-column: 9 / 13; }

.ft-col {
	display: flex;
	flex-direction: column;
	gap: 48px;
}

.ft__h {
	margin: 0 0 8px;
	font-weight: var(--fw-medium);
	font-size: var(--fs-label);
	line-height: var(--lh-label);
}

.ft__list {
	list-style: none;
}

.ft__list li {
	margin-bottom: 4px;
}

.ft__link {
	font-size: var(--fs-label);
	line-height: var(--lh-label);
	font-weight: var(--fw-regular);
}

.site-footer__mark {
	position: static;
	margin: 0;
	font-size: var(--fs-label);
	font-weight: var(--fw-medium);
}

.site-footer__copy {
	position: static;
	margin: 0;
	font-size: var(--fs-label);
	line-height: var(--lh-label);
	font-weight: var(--fw-regular);
}

@media (max-width: 767px) {
	.site-footer {
		margin-top: 0;
	}
	.site-footer__inner {
		min-height: 0;
	}
	.ft-cols {
		grid-template-columns: 1fr;
		gap: 32px;
	}
	.ft-col--1,
	.ft-col--2,
	.ft-col--3 {
		grid-column: 1;
	}
	.site-footer__mark,
	.site-footer__copy {
		position: static;
		display: block;
		margin-top: 32px;
	}
	.site-footer__copy {
		margin-bottom: 20px;
	}
}

/* ---------- Theme toggle (si existe) ---------- */
.hn-controls {
	position: fixed;
	right: 60px;
	bottom: 60px;
	z-index: 200;
	display: flex;
	gap: 8px;
	align-items: center;
}

.view-toggle {
	display: none; /* solo home si se reactiva por JS */
}

.theme-toggle {
	width: 48px;
	height: 48px;
	border-radius: 50%;
	border: 1px solid color-mix(in srgb, #808080 60%, transparent);
}

/* ---------- Utility ---------- */
.skip-link:focus {
	position: fixed;
	top: 8px;
	left: 8px;
	z-index: 9999;
	padding: 8px 12px;
	background: var(--bg);
	border: 1px solid var(--line);
}

/* ---- Home / Nav fixes (pedido) ---- */

/* Selector de color: eliminado */
.hn-controls,
.theme-toggle,
[data-theme-toggle],
.view-toggle,
[data-view-toggle] {
	display: none !important;
	visibility: hidden !important;
	pointer-events: none !important;
}

/* Nav desktop: solo Human — Notes (sin H — N suelto) */
@media (min-width: 768px) {
	.site-header__brand {
		font-size: var(--fs-label) !important;
		line-height: var(--lh-label) !important;
		font-weight: var(--fw-medium) !important;
	}
}

/* Home Hero desktop: 300px desde nav, 6 columnas, typewriter */
@media (min-width: 768px) {
	.home-hero {
		display: grid !important;
		grid-template-columns: repeat(12, 1fr) !important;
		column-gap: var(--grid-gap) !important;
		padding-top: 300px !important;
		padding-bottom: 0 !important;
	}
	.home-hero__claim {
		grid-column: 1 / span 6 !important; /* 6 columnas: 1–6 */
		max-width: none !important;
		width: 100% !important;
		font-size: 42px !important;
		line-height: 46px !important;
		font-weight: 500 !important;
		letter-spacing: -0.01em !important;
	}
	.home-hero__type,
	.home-hero__cursor {
		font-size: inherit !important;
		line-height: inherit !important;
	}
	/* Lista 300px debajo del hero */
	.home-index-list {
		padding-top: 300px !important;
	}
}

@media (max-width: 767px) {
	.home-hero {
		padding-top: 120px !important;
	}
	.home-hero__claim {
		grid-column: 1 !important;
		max-width: 100% !important;
		font-size: 28px !important;
		line-height: 34px !important;
	}
	.home-index-list {
		padding-top: 80px !important;
	}
}

/* Brand: desktop solo "Human — Notes"; mobile puede usar short */
.site-header__brand-short {
	display: none;
}
.site-header__brand-full {
	display: inline;
}
@media (max-width: 767px) {
	body.home .site-header__brand-full {
		display: none;
	}
	body.home .site-header__brand-short {
		display: inline;
	}
}

/* Hero typewriter: peso 500 + altura fija (no empuja la lista) */
.home-hero__claim {
	font-weight: 500 !important;
}
@media (min-width: 768px) {
	.home-hero {
		/* bloque hero con altura reservada */
		min-height: calc(300px + 3 * 46px) !important; /* nav offset ya en padding-top */
		padding-top: 300px !important;
		padding-bottom: 0 !important;
		box-sizing: border-box !important;
	}
	.home-hero__claim {
		grid-column: 1 / span 6 !important;
		font-size: 42px !important;
		line-height: 46px !important;
		font-weight: 500 !important;
		letter-spacing: -0.01em !important;
		/* Reserva ~3 líneas del typewriter para no reflow */
		min-height: calc(3 * 46px) !important;
		height: calc(3 * 46px) !important;
		max-height: calc(3 * 46px) !important;
		overflow: hidden !important;
		align-self: start !important;
	}
	.home-index-list {
		padding-top: 300px !important;
	}
}
@media (max-width: 767px) {
	.home-hero__claim {
		font-weight: 500 !important;
		font-size: 28px !important;
		line-height: 34px !important;
		min-height: calc(3 * 34px) !important;
		height: calc(3 * 34px) !important;
		max-height: calc(3 * 34px) !important;
		overflow: hidden !important;
	}
}

/* Nav brand Human — Notes: peso 400 */
.site-header__brand,
.site-header__brand--desktop,
.site-header__brand-full,
.site-header__brand-short {
	font-weight: 400 !important;
}

/* Home: 300px entre lista Index y footer */
body.home .home-index-list {
	padding-bottom: 0 !important;
}
body.home .site-footer {
	margin-top: 0 !important;
}
@media (max-width: 767px) {
	body.home .site-footer {
		margin-top: 0 !important;
	}
}

/* Home Index filas: 20px vertical, sin desplazamiento horizontal */
.home-index-list__link {
	padding: 20px 0 !important;
	margin: 0 !important;
}
.home-index-list__title,
.home-index-list__cta {
	margin: 0 !important;
	padding: 0 !important;
}
.home-index-list__row {
	padding-left: 0 !important;
	padding-right: 0 !important;
}
@media (max-width: 767px) {
	.home-index-list__link {
		padding: 16px 0 !important;
	}
}

/* Index rollover: capa full-width ENCIMA de las líneas */
.home-index-list,
.home-index-list__ul {
	overflow: visible !important;
}
.home-index-list__row {
	position: relative !important;
	z-index: 0 !important;
	border-bottom: 1px solid var(--line) !important;
	background: transparent !important;
}
.home-index-list__ul {
	border-top: 1px solid var(--line) !important;
}
.home-index-list__link {
	position: relative !important;
	z-index: 1 !important;
}
@media (hover: hover) {
	.home-index-list__row:hover {
		z-index: 3 !important;
		border-bottom-color: transparent !important;
		background: transparent !important;
		box-shadow: none !important;
	}
	.home-index-list__row:hover::before {
		content: "" !important;
		position: absolute !important;
		left: 50% !important;
		width: 100vw !important;
		margin-left: -50vw !important;
		/* 2px por encima y por debajo de la fila → tapa líneas */
		top: -2px !important;
		bottom: -2px !important;
		background: #ececec !important;
		z-index: 0 !important;
		pointer-events: none !important;
		display: block !important;
	}
	/* primera fila: tapa también border-top del ul */
	.home-index-list__row:first-child:hover::before {
		top: -2px !important;
	}
	:root[data-theme="dark"] .home-index-list__row:hover::before {
		background: #2a2a28 !important;
	}
}

/* No recortar rollover full-width */
body.home,
body.home main,
main.home-index {
	overflow-x: visible !important;
}

/* Nav desktop: título de sección en columna 6, una línea */
@media (min-width: 768px) {
	.site-header {
		display: grid !important;
		grid-template-columns: repeat(12, 1fr) !important;
		column-gap: var(--grid-gap) !important;
		align-items: center !important;
	}
	.site-header__brand,
	.site-header__brand--desktop {
		grid-column: 1 / span 3 !important;
		justify-self: start !important;
	}
	.site-header__section-title,
	.site-header__center {
		grid-column: 6 / span 5 !important;
		justify-self: start !important;
		text-align: left !important;
		max-width: 100% !important;
		white-space: nowrap !important;
		overflow: hidden !important;
		text-overflow: ellipsis !important;
		font-size: var(--fs-label) !important;
		line-height: var(--lh-label) !important;
		font-weight: 400 !important;
	}
	.site-header__aside,
	.site-header__close {
		grid-column: 11 / -1 !important;
		justify-self: end !important;
	}
}

/* Nav barra full viewport width */
.site-header {
	width: 100% !important;
	max-width: 100% !important;
	margin-left: 0 !important;
	box-sizing: border-box !important;
	border-bottom: 1px solid var(--line) !important;
	background: var(--bg) !important;
	padding-left: var(--gutter) !important;
	padding-right: var(--gutter) !important;
}
@media (min-width: 768px) {
	.site-header {
		width: 100vw !important;
		max-width: 100vw !important;
		margin-left: calc(50% - 50vw) !important;
	}
}

/* Título de página: salto tras ":" (no afecta a la nav) */
.doc__title {
	display: flex !important;
	flex-direction: column !important;
	align-items: flex-start !important;
}
.doc__title-l1,
.doc__title-l2 {
	display: block !important;
}

/* Nav fija (no se esconde bajo admin bar de WP) */
.site-header {
	position: fixed !important;
	top: 0 !important;
	left: 0 !important;
	right: 0 !important;
	z-index: 10000 !important;
}
/* Cuando el admin bar de WordPress está visible */
body.admin-bar .site-header {
	top: 32px !important;
}
@media screen and (max-width: 782px) {
	body.admin-bar .site-header {
		top: 46px !important;
	}
}
/* Compensar altura de la nav fija para que el contenido no quede debajo */
body {
	padding-top: var(--header-h, 56px) !important;
}
body.admin-bar {
	padding-top: calc(var(--header-h, 56px) + 32px) !important;
}
@media screen and (max-width: 782px) {
	body.admin-bar {
		padding-top: calc(var(--header-h, 56px) + 46px) !important;
	}
}
/* El offset del hero 300px ya es desde el flujo; con padding-top del body está bien */

/* Docs + Notes category + Entry: título y cuerpo col 6, 300px desde nav */
@media (min-width: 768px) {
	.doc,
	.notes-category__doc,
	main.entry-page .doc,
	main.notes-category .doc {
		display: grid !important;
		grid-template-columns: repeat(12, 1fr) !important;
		column-gap: var(--grid-gap) !important;
	}
	.doc__title,
	.notes-category__doc .doc__title,
	.entry__title {
		grid-column: 6 / span 5 !important;
		padding-top: 300px !important;
		margin: 0 0 40px !important;
		font-size: var(--fs-h1) !important;
		line-height: var(--lh-h1) !important;
		font-weight: 500 !important;
		letter-spacing: -0.01em !important;
	}
	.doc__body,
	.notes-category__intro,
	.notes-category__doc .doc__body,
	.entry__intro,
	.entry__body,
	.entry__section {
		grid-column: 6 / span 5 !important;
	}
	/* Lista de notes debajo del intro, full width grid interno */
	.notes-category__list {
		grid-column: 1 / -1 !important;
	}
}
@media (max-width: 767px) {
	.doc__title,
	.entry__title {
		padding-top: 120px !important;
	}
}

/* ========== PCP lista — detalle pixel ==========
   Línea: margin 20px (padding-top 20px bajo la rule)
   Código → col 1
   Thumb 1:1 → col 6 (span 2 implícito visual)
   Título → col 9–11
   [ Read ] → 20px bajo título
   Fila: margin-top 40px / margin-bottom 80px
*/
@media (min-width: 768px) {
	.notes-category__list {
		margin-top: 100px !important;
	}
	.notes-category__list > a.next-note,
	.notes-category__list > .next-note {
		display: grid !important;
		grid-template-columns: repeat(12, 1fr) !important;
		column-gap: var(--grid-gap, 16px) !important;
		align-items: start !important;
		margin-top: 20px !important;
		margin-bottom: 80px !important;
		padding-top: 20px !important; /* 20px bajo la línea */
		padding-bottom: 0 !important;
		border-top: 1px solid var(--line) !important;
		border-bottom: 0 !important;
	}
	.notes-category__list > a.next-note:first-child,
	.notes-category__list > .next-note:first-child {
		margin-top: 20px !important;
	}
	.next-note--pcp .next-note__label {
		grid-column: 1 / span 2 !important; /* columna 1 */
		justify-self: start !important;
		font-size: var(--fs-label) !important;
		line-height: var(--lh-label) !important;
		font-weight: 400 !important;
		margin: 0 !important;
		padding: 0 !important;
	}
	.next-note--pcp .next-note__media {
		grid-column: 6 / span 2 !important; /* columna 6 */
		width: 100% !important;
		aspect-ratio: 1 / 1 !important;
		margin: 0 !important;
		padding: 0 !important;
		overflow: hidden !important;
	}
	.next-note--pcp .next-note__img {
		width: 100% !important;
		height: 100% !important;
		object-fit: cover !important;
	}
	.next-note--pcp .next-note__meta {
		grid-column: 9 / span 3 !important; /* columnas 9–11 */
		margin: 0 !important;
		padding: 0 !important;
		margin-top: -3px !important; /* óptica con thumb */
	}
	.next-note--pcp .next-note__ref {
		font-size: var(--fs-h2) !important;
		line-height: var(--lh-h2) !important;
		font-weight: 500 !important;
		margin: 0 !important;
	}
	.next-note--pcp .next-note__l1,
	.next-note--pcp .next-note__l2 {
		display: block !important;
		margin: 0 !important;
	}
	.next-note--pcp .next-note__read {
		display: inline-block !important;
		margin-top: 20px !important; /* 20px del título */
		margin-bottom: 0 !important;
		font-size: var(--fs-label) !important;
		line-height: var(--lh-label) !important;
		font-weight: 400 !important;
	}
}
@media (max-width: 767px) {
	.notes-category__list > a.next-note,
	.notes-category__list > .next-note {
		margin-top: 24px !important;
		margin-bottom: 40px !important;
		padding-top: 20px !important;
	}
	.next-note--pcp .next-note__read {
		margin-top: 16px !important;
	}
}

/* ===== PCP LIST FORCE (línea 20px + código col 1) ===== */
html body .notes-category__list,
html body section.notes-category__list,
html body .cat-list {
	display: block !important;
	margin-top: 100px !important;
	padding: 0 !important;
}
html body .notes-category__list > a.next-note,
html body .notes-category__list > .next-note,
html body .cat-list > a.next-note {
	display: grid !important;
	grid-template-columns: repeat(12, minmax(0, 1fr)) !important;
	column-gap: 16px !important;
	align-items: start !important;
	width: 100% !important;
	margin-top: 20px !important;
	margin-bottom: 80px !important;
	padding-top: 20px !important;
	padding-bottom: 0 !important;
	padding-left: 0 !important;
	padding-right: 0 !important;
	border-top: 1px solid var(--line, #e3e3e3) !important;
	border-bottom: none !important;
	box-sizing: border-box !important;
	text-decoration: none !important;
	/* inherit removed */
}
/* Código → columna 1 */
html body .notes-category__list > a.next-note > .next-note__label,
html body .notes-category__list .next-note__label {
	grid-column: 1 / 2 !important;
	grid-row: 1 !important;
	justify-self: start !important;
	align-self: start !important;
	width: auto !important;
	margin: 0 !important;
	padding: 0 !important;
	font-size: 16px !important;
	line-height: 22px !important;
	font-weight: 400 !important;
}
/* Thumb 1:1 → columna 6 */
html body .notes-category__list > a.next-note > .next-note__media,
html body .notes-category__list .next-note__media {
	grid-column: 6 / 8 !important;
	grid-row: 1 !important;
	width: 100% !important;
	max-width: 100% !important;
	aspect-ratio: 1 / 1 !important;
	margin: 0 !important;
	padding: 0 !important;
	overflow: hidden !important;
}
html body .notes-category__list .next-note__img {
	width: 100% !important;
	height: 100% !important;
	object-fit: cover !important;
	display: block !important;
}
/* Título cols 9–11 */
html body .notes-category__list > a.next-note > .next-note__meta,
html body .notes-category__list .next-note__meta {
	grid-column: 9 / 12 !important;
	grid-row: 1 !important;
	margin: 0 !important;
	padding: 0 !important;
}
html body .notes-category__list .next-note__ref {
	font-size: 24px !important;
	line-height: 32px !important;
	font-weight: 500 !important;
	margin: 0 !important;
}
html body .notes-category__list .next-note__l1,
html body .notes-category__list .next-note__l2 {
	display: block !important;
	margin: 0 !important;
}
/* [ Read ] 20px bajo título */
html body .notes-category__list .next-note__read {
	display: inline-block !important;
	margin-top: 20px !important;
	margin-bottom: 0 !important;
	font-size: 16px !important;
	line-height: 22px !important;
	font-weight: 400 !important;
}

/* PCP: línea separadora + 20px margin al contenido */
html body .notes-category__list > a.next-note,
html body .notes-category__list > .next-note,
html body .cat-list > a.next-note {
	border-top: 1px solid var(--line, #e3e3e3) !important;
	padding-top: 20px !important;
	margin-top: 20px !important;
	margin-bottom: 80px !important;
}
html body .notes-category__list > a.next-note:first-child,
html body .notes-category__list > .next-note:first-child {
	margin-top: 20px !important;
	padding-top: 20px !important;
}

/* PCP: thumbnail alineado al borde derecho de página (gutter 20px) */
html body .notes-category__list > a.next-note > .next-note__media,
html body .notes-category__list .next-note__media,
html body .cat-list .next-note__media {
	grid-column: 11 / 13 !important; /* ancla a la derecha del grid de 12 */
	grid-row: 1 !important;
	justify-self: stretch !important;
	width: 100% !important;
	max-width: 100% !important;
	margin: 0 !important;
	margin-right: 0 !important;
	aspect-ratio: 1 / 1 !important;
}
/* Título deja espacio: cols 6–9 (antes de la thumb derecha) */
html body .notes-category__list > a.next-note > .next-note__meta,
html body .notes-category__list .next-note__meta {
	grid-column: 6 / 10 !important;
}
/* Código sigue en col 1 */
html body .notes-category__list .next-note__label {
	grid-column: 1 / 2 !important;
}

/* PCP fila: código col1 · título cols 6–9 · módulo full width · margen página 20px */
html body main.notes-category,
html body .notes-category,
html body .notes-category__list,
html body .cat-list {
	width: 100% !important;
	max-width: 100% !important;
	margin-left: 0 !important;
	margin-right: 0 !important;
	padding-left: 0 !important;
	padding-right: 0 !important;
	box-sizing: border-box !important;
}
html body .notes-category__list > a.next-note,
html body .notes-category__list > .next-note,
html body .cat-list > a.next-note {
	display: grid !important;
	grid-template-columns: repeat(12, minmax(0, 1fr)) !important;
	column-gap: 16px !important;
	align-items: start !important;
	width: 100% !important;
	max-width: 100% !important;
	margin-left: 0 !important;
	margin-right: 0 !important;
	margin-top: 20px !important;
	margin-bottom: 80px !important;
	padding-top: 20px !important;
	padding-left: 0 !important;
	padding-right: 0 !important;
	border-top: 1px solid var(--line, #e3e3e3) !important;
	box-sizing: border-box !important;
}
/* Código A.000 → columna 1 */
html body .notes-category__list .next-note__label {
	grid-column: 1 / 2 !important;
	grid-row: 1 !important;
	justify-self: start !important;
	margin: 0 !important;
	padding: 0 !important;
	font-size: 16px !important;
	line-height: 22px !important;
	font-weight: 400 !important;
}
/* Título Arché: … → columnas 6–9 */
html body .notes-category__list .next-note__meta {
	grid-column: 6 / 10 !important; /* cols 6,7,8,9 */
	grid-row: 1 !important;
	margin: 0 !important;
	padding: 0 !important;
}
/* Thumb 1:1 → a la derecha del título, cols 10–12 */
html body .notes-category__list .next-note__media {
	grid-column: 10 / 13 !important;
	grid-row: 1 !important;
	width: 100% !important;
	aspect-ratio: 1 / 1 !important;
	margin: 0 !important;
	overflow: hidden !important;
}
html body .notes-category__list .next-note__img {
	width: 100% !important;
	height: 100% !important;
	object-fit: cover !important;
}
html body .notes-category__list .next-note__read {
	margin-top: 20px !important;
}

/* PCP título note: 20/28 Medium */
html body .notes-category__list .next-note__ref,
html body .notes-category__list .next-note__l1,
html body .notes-category__list .next-note__l2 {
	font-size: 20px !important;
	line-height: 28px !important;
	font-weight: 500 !important;
	letter-spacing: 0 !important;
}

/* PCP thumb: 40% menor (60% del tamaño de columna) */
html body .notes-category__list .next-note__media,
html body .cat-list .next-note__media {
	width: 60% !important;
	max-width: 60% !important;
	justify-self: start !important;
	aspect-ratio: 1 / 1 !important;
}

/* Código A.000 siempre visible en columna 1 */
html body .notes-category__list .next-note__label,
html body .notes-category__list .next-note__code {
	grid-column: 1 / 2 !important;
	grid-row: 1 !important;
	display: block !important;
	visibility: visible !important;
	opacity: 1 !important;
	min-height: 1em !important;
	font-size: 16px !important;
	line-height: 22px !important;
	font-weight: 400 !important;
	color: var(--fg, #1a1a1a) !important;
}

/* Código medium; título una línea 20/28 medium */
html body .notes-category__list .next-note__label,
html body .notes-category__list .next-note__code {
	font-weight: 500 !important;
	font-size: 16px !important;
	line-height: 22px !important;
}
html body .notes-category__list .next-note__ref,
html body .notes-category__list .next-note__l1 {
	display: block !important;
	font-size: 20px !important;
	line-height: 28px !important;
	font-weight: 500 !important;
	white-space: nowrap !important;
	overflow: hidden !important;
	text-overflow: ellipsis !important;
}
html body .notes-category__list .next-note__l2 {
	display: none !important;
}

/* FORCE código A.000 Medium 500 */
html body .notes-category__list a.next-note .next-note__label,
html body .notes-category__list a.next-note .next-note__code,
html body .cat-list a.next-note .next-note__label,
html body .next-note--pcp .next-note__label,
html body .next-note--pcp .next-note__code {
	font-weight: 500 !important;
	font-size: 20px !important;
	line-height: 28px !important;
	-webkit-font-smoothing: antialiased;
}

/* Código A.000: 20px Medium 500 */
html body .notes-category__list a.next-note .next-note__label,
html body .notes-category__list a.next-note .next-note__code,
html body .cat-list a.next-note .next-note__label,
html body .next-note--pcp .next-note__label,
html body .next-note--pcp .next-note__code {
	font-size: 20px !important;
	line-height: 28px !important;
	font-weight: 500 !important;
}

/* ==========================================================================
   PCP PAGE REPAIR — /arche/ y categorías Notes
   ========================================================================== */

/* Shell */
html body main.notes-category.page,
html body main.notes-category {
	display: block !important;
	width: 100% !important;
	max-width: 100% !important;
	padding-left: 20px !important;
	padding-right: 20px !important;
	box-sizing: border-box !important;
	overflow: visible !important;
}

html body .notes-category__doc.doc {
	display: block !important;
	width: 100% !important;
	max-width: 100% !important;
	padding: 0 !important;
	margin: 0 !important;
}

/* Título página (Arché Notes etc.) — como Prólogo */
@media (min-width: 768px) {
	html body .notes-category__doc {
		display: grid !important;
		grid-template-columns: repeat(12, minmax(0, 1fr)) !important;
		column-gap: 16px !important;
	}
	html body .notes-category__doc > .doc__title {
		grid-column: 6 / span 5 !important;
		padding-top: 300px !important;
		margin: 0 0 40px !important;
		font-size: 42px !important;
		line-height: 46px !important;
		font-weight: 500 !important;
		letter-spacing: -0.01em !important;
	}
	html body .notes-category__doc > .notes-category__intro,
	html body .notes-category__doc > .doc__body {
		grid-column: 6 / span 5 !important;
		font-size: 20px !important;
		line-height: 28px !important;
		font-weight: 400 !important;
	}
	html body .notes-category__doc > .notes-category__list {
		grid-column: 1 / -1 !important;
		margin-top: 100px !important;
		width: 100% !important;
	}
}

@media (max-width: 767px) {
	html body .notes-category__doc > .doc__title {
		padding-top: 120px !important;
		font-size: 28px !important;
		line-height: 34px !important;
	}
	html body .notes-category__doc > .notes-category__list {
		margin-top: 80px !important;
	}
}

/* Filas de notes */
html body .notes-category__list > a.next-note {
	display: grid !important;
	grid-template-columns: repeat(12, minmax(0, 1fr)) !important;
	column-gap: 16px !important;
	align-items: start !important;
	width: 100% !important;
	margin-top: 20px !important;
	margin-bottom: 80px !important;
	padding-top: 20px !important;
	border-top: 1px solid var(--line, #e3e3e3) !important;
	text-decoration: none !important;
	color: var(--fg, #1a1a1a) !important;
}

/* Código col 1 — 20/28 Medium */
html body .notes-category__list .next-note__label,
html body .notes-category__list .next-note__code {
	grid-column: 1 / 2 !important;
	font-size: 20px !important;
	line-height: 28px !important;
	font-weight: 500 !important;
	margin: 0 !important;
}

/* Título cols 6–9 — 20/28 Medium una línea */
html body .notes-category__list .next-note__meta {
	grid-column: 6 / 10 !important;
	margin: 0 !important;
}
html body .notes-category__list .next-note__ref,
html body .notes-category__list .next-note__l1 {
	font-size: 20px !important;
	line-height: 28px !important;
	font-weight: 500 !important;
	white-space: nowrap !important;
	overflow: hidden !important;
	text-overflow: ellipsis !important;
	margin: 0 !important;
}
html body .notes-category__list .next-note__l2 {
	display: none !important;
}
html body .notes-category__list .next-note__read {
	display: inline-block !important;
	margin-top: 20px !important;
	font-size: 16px !important;
	line-height: 22px !important;
	font-weight: 400 !important;
}

/* Thumb 1:1, 60% ancho, cols 10–12 */
html body .notes-category__list .next-note__media {
	grid-column: 10 / 13 !important;
	width: 60% !important;
	justify-self: end !important;
	aspect-ratio: 1 / 1 !important;
	overflow: hidden !important;
	margin: 0 !important;
}
html body .notes-category__list .next-note__img {
	width: 100% !important;
	height: 100% !important;
	object-fit: cover !important;
}

@media (max-width: 767px) {
	html body .notes-category__list > a.next-note {
		display: grid !important;
		grid-template-columns: 1fr auto !important;
		grid-template-rows: auto auto auto !important;
		gap: 12px !important;
		margin-bottom: 40px !important;
	}
	html body .notes-category__list .next-note__label {
		grid-column: 1 !important;
	}
	html body .notes-category__list .next-note__meta {
		grid-column: 1 !important;
	}
	html body .notes-category__list .next-note__media {
		grid-column: 2 !important;
		grid-row: 1 / span 3 !important;
		width: 72px !important;
		justify-self: end !important;
	}
}

/* Arché / PCP: título hero + body estrictamente columna 6 */
@media (min-width: 768px) {
	html body main.notes-category .notes-category__doc,
	html body main.notes-category article.doc {
		display: grid !important;
		grid-template-columns: repeat(12, minmax(0, 1fr)) !important;
		column-gap: 16px !important;
		width: 100% !important;
	}
	html body main.notes-category .doc__title,
	html body main.notes-category h1.doc__title {
		grid-column: 6 / span 5 !important;
		grid-row: 1 !important;
		justify-self: stretch !important;
		width: 100% !important;
		max-width: 100% !important;
		padding-top: 300px !important;
		margin: 0 0 40px !important;
		box-sizing: border-box !important;
	}
	html body main.notes-category .notes-category__intro,
	html body main.notes-category .doc__body,
	html body main.notes-category .notes-category__intro p,
	html body main.notes-category .doc__body p {
		grid-column: 6 / span 5 !important;
		width: 100% !important;
		max-width: 100% !important;
		box-sizing: border-box !important;
	}
	html body main.notes-category .notes-category__list {
		grid-column: 1 / -1 !important;
	}
}

/* Lista PCP full width, margen página 20px */
html body main.notes-category {
	padding-left: 20px !important;
	padding-right: 20px !important;
	box-sizing: border-box !important;
}
html body main.notes-category .notes-category__list,
html body main.notes-category .cat-list {
	grid-column: 1 / -1 !important;
	width: 100% !important;
	max-width: 100% !important;
	margin-left: 0 !important;
	margin-right: 0 !important;
	padding-left: 0 !important;
	padding-right: 0 !important;
	box-sizing: border-box !important;
}
html body main.notes-category .notes-category__list > a.next-note {
	width: 100% !important;
	max-width: 100% !important;
	box-sizing: border-box !important;
}

/* Animación unificada hero + thumbs (soft, sin rollover) */
@keyframes hnSoft4 {
	0%, 100% { opacity: 1; filter: saturate(1) contrast(1) brightness(1); }
	50% { opacity: 0.85; filter: saturate(1.35) contrast(1.08) brightness(1.05); }
}
html body .notes-category__list .next-note__img,
html body .next-note__img,
html body .next-note__media img,
html body .entry__hero img,
html body .entry__hero-img {
	animation: hnSoft4 5s ease-in-out infinite !important;
	transform: none !important;
	transform-origin: center center !important;
	mix-blend-mode: normal !important;
	will-change: filter, opacity !important;
}
html body .notes-category__list > a.next-note:nth-child(1) .next-note__img { animation-delay: 0s !important; }
html body .notes-category__list > a.next-note:nth-child(2) .next-note__img { animation-delay: -1.2s !important; }
html body .notes-category__list > a.next-note:nth-child(3) .next-note__img { animation-delay: -2.4s !important; }
html body .notes-category__list > a.next-note:nth-child(4) .next-note__img { animation-delay: -3.6s !important; }
html body .notes-category__list > a.next-note:nth-child(5) .next-note__img { animation-delay: -0.6s !important; }
html body .notes-category__list > a.next-note:nth-child(6) .next-note__img { animation-delay: -1.8s !important; }
html body .notes-category__list > a.next-note:nth-child(7) .next-note__img { animation-delay: -3s !important; }
html body .notes-category__list > a.next-note:nth-child(8) .next-note__img { animation-delay: -4.2s !important; }
html body .notes-category__list > a.next-note:nth-child(n+9) .next-note__img { animation-delay: -0.9s !important; }

html body .next-note:hover .next-note__img,
html body .next-note:hover .next-note__media img,
html body .notes-category__list .next-note:hover .next-note__img,
html body a.next-note:hover img {
	transform: none !important;
	filter: unset !important;
	animation: hnSoft4 5s ease-in-out infinite !important;
}
html body .next-note:hover .next-note__media {
	transform: none !important;
}
@media (prefers-reduced-motion: reduce) {
	html body .notes-category__list .next-note__img,
	html body .next-note__img,
	html body .entry__hero img {
		animation: none !important;
		filter: none !important;
	}
}

/* Módulo lista full width + margen 20px (gutter de página) */
html body main.notes-category.page,
html body main.notes-category {
	width: 100% !important;
	max-width: 100% !important;
	margin-left: 0 !important;
	margin-right: 0 !important;
	padding-left: 20px !important;
	padding-right: 20px !important;
	box-sizing: border-box !important;
}
html body main.notes-category .notes-category__list,
html body main.notes-category section.notes-category__list,
html body main.notes-category .cat-list {
	display: block !important;
	width: 100% !important;
	max-width: 100% !important;
	margin-left: 0 !important;
	margin-right: 0 !important;
	padding-left: 0 !important;
	padding-right: 0 !important;
	box-sizing: border-box !important;
}
html body main.notes-category .notes-category__list > a.next-note {
	display: grid !important;
	grid-template-columns: repeat(12, minmax(0, 1fr)) !important;
	column-gap: 16px !important;
	width: 100% !important;
	max-width: 100% !important;
	margin-left: 0 !important;
	margin-right: 0 !important;
	box-sizing: border-box !important;
}

/* FORCE lista full-bleed + padding 20px (rompe grid padre) */
html body main.notes-category .notes-category__list,
html body main.notes-category section.notes-category__list,
html body main.notes-category .cat-list {
	position: relative !important;
	left: 50% !important;
	right: auto !important;
	width: 100vw !important;
	max-width: 100vw !important;
	margin-left: -50vw !important;
	margin-right: 0 !important;
	padding-left: 20px !important;
	padding-right: 20px !important;
	box-sizing: border-box !important;
	grid-column: 1 / -1 !important;
}
html body main.notes-category .notes-category__list > a.next-note {
	width: 100% !important;
	max-width: 100% !important;
	box-sizing: border-box !important;
}

/* Page transition: solo fade */
html.hn-fade-ready,
html.hn-fade-out {
	opacity: 0 !important;
}
html.hn-fade-in {
	opacity: 1 !important;
	transition: opacity 420ms ease !important;
}
html.hn-fade-out {
	transition: opacity 420ms ease !important;
}
html {
	opacity: 1;
}
@media (prefers-reduced-motion: reduce) {
	html.hn-fade-ready,
	html.hn-fade-out,
	html.hn-fade-in {
		opacity: 1 !important;
		transition: none !important;
	}
}

/* PDP: hero 1:1 con el mismo ancho que el párrafo (col 6 / span 5) */
@media (min-width: 768px) {
	html body .entry,
	html body article.entry {
		display: grid !important;
		grid-template-columns: repeat(12, minmax(0, 1fr)) !important;
		column-gap: 16px !important;
	}
	html body .entry__title,
	html body .entry__hero,
	html body .entry__meta,
	html body .entry__symptoms,
	html body .entry__intro,
	html body .entry__body,
	html body .entry__section,
	html body .entry__rule {
		grid-column: 6 / span 5 !important;
		width: 100% !important;
		max-width: 100% !important;
		box-sizing: border-box !important;
	}
	html body .entry__hero {
		aspect-ratio: 1 / 1 !important;
		overflow: hidden !important;
		margin: 0 0 40px !important;
		padding: 0 !important;
		position: relative !important;
	}
	html body .entry__hero-img,
	html body .entry__hero img {
		width: 100% !important;
		height: 100% !important;
		object-fit: cover !important;
		display: block !important;
	}
	/* Next note row: full width, mismo módulo que PCP */
	html body .pdp-next,
	html body section.pdp-next {
		grid-column: 1 / -1 !important;
		width: 100% !important;
		margin-top: 0 !important;
		padding-left: 0 !important;
		padding-right: 0 !important;
	}
	html body .pdp-next > a.next-note {
		display: grid !important;
		grid-template-columns: repeat(12, minmax(0, 1fr)) !important;
		column-gap: 16px !important;
		padding-top: 20px !important;
		border-top: 1px solid var(--line, #e3e3e3) !important;
		margin-top: 0 !important;
		margin-bottom: 80px !important;
	}
	html body .pdp-next .next-note__label {
		grid-column: 1 / 2 !important;
		font-size: 20px !important;
		line-height: 28px !important;
		font-weight: 500 !important;
	}
	html body .pdp-next .next-note__meta {
		grid-column: 6 / 10 !important;
	}
	html body .pdp-next .next-note__ref,
	html body .pdp-next .next-note__l1 {
		font-size: 20px !important;
		line-height: 28px !important;
		font-weight: 500 !important;
	}
	html body .pdp-next .next-note__media {
		grid-column: 10 / 13 !important;
		width: 60% !important;
		justify-self: end !important;
		aspect-ratio: 1 / 1 !important;
		overflow: hidden !important;
	}
	html body .pdp-next .next-note__img {
		width: 100% !important;
		height: 100% !important;
		object-fit: cover !important;
	}
	html body .pdp-next .next-note__read {
		margin-top: 20px !important;
	}
}
@media (max-width: 767px) {
	html body .entry__hero {
		aspect-ratio: 1 / 1 !important;
		width: 100% !important;
		overflow: hidden !important;
	}
	html body .entry__hero-img,
	html body .entry__hero img {
		width: 100% !important;
		height: 100% !important;
		object-fit: cover !important;
	}
}

/* Read → : sin underline; hover = gris */
html body .next-note__read,
html body a.next-note .next-note__read,
html body .notes-category__list .next-note__read,
html body .pdp-next .next-note__read {
	text-decoration: none !important;
	border-bottom: none !important;
	box-shadow: none !important;
}
html body a.next-note:hover .next-note__read,
html body .next-note:hover .next-note__read {
	text-decoration: none !important;
	color: #c8c8c8 !important;
}
/* Evitar underline en el enlace completo del módulo */
html body a.next-note,
html body a.next-note:hover,
html body a.next-note:focus {
	text-decoration: none !important;
}

/* PCP/PDP fila: código + thumb misma base superior; hover Index-like */
@media (min-width: 768px) {
	html body .notes-category__list > a.next-note,
	html body .pdp-next > a.next-note,
	html body .cat-list > a.next-note {
		align-items: start !important;
	}
	/* Código y thumb: top alineado */
	html body .notes-category__list .next-note__label,
	html body .notes-category__list .next-note__code,
	html body .pdp-next .next-note__label,
	html body .notes-category__list .next-note__media,
	html body .pdp-next .next-note__media {
		align-self: start !important;
		margin-top: 0 !important;
		padding-top: 0 !important;
	}
	/* Título: misma línea óptica superior que thumb (−3px óptico) */
	html body .notes-category__list .next-note__meta,
	html body .pdp-next .next-note__meta {
		align-self: start !important;
		margin-top: -3px !important;
		padding-top: 0 !important;
	}
}

/* Hover fila = Index home (gris full-width, tapa líneas) */
html body .notes-category__list,
html body .pdp-next,
html body .cat-list {
	overflow: visible !important;
}
html body .notes-category__list > a.next-note,
html body .pdp-next > a.next-note,
html body .cat-list > a.next-note {
	position: relative !important;
	z-index: 0 !important;
	background: transparent !important;
}
html body .notes-category__list > a.next-note > *,
html body .pdp-next > a.next-note > * {
	position: relative !important;
	z-index: 1 !important;
}
@media (hover: hover) {
	html body .notes-category__list > a.next-note:hover,
	html body .pdp-next > a.next-note:hover,
	html body .cat-list > a.next-note:hover {
		z-index: 3 !important;
		border-top-color: transparent !important;
		background: transparent !important;
	}
	html body .notes-category__list > a.next-note:hover::before,
	html body .pdp-next > a.next-note:hover::before,
	html body .cat-list > a.next-note:hover::before {
		content: "" !important;
		position: absolute !important;
		left: 50% !important;
		width: 100vw !important;
		margin-left: -50vw !important;
		top: -2px !important;
		bottom: -2px !important;
		background: #ececec !important;
		z-index: 0 !important;
		pointer-events: none !important;
		display: block !important;
	}
	:root[data-theme="dark"] html body .notes-category__list > a.next-note:hover::before,
	:root[data-theme="dark"] html body .pdp-next > a.next-note:hover::before {
		background: #2a2a28 !important;
	}
}

/* Hover dim thumbs DESACTIVADO — solo animación continua */


/* FORCE Read Note visible gray */
html body a.next-note .next-note__read {
	font-size: 16px !important;
	line-height: 22px !important;
	font-weight: 400 !important;
	color: #c8c8c8 !important;
	text-decoration: none !important;
	margin-top: 20px !important;
	display: inline-block !important;
	visibility: visible !important;
	opacity: 1 !important;
}

/* PCP módulo: título + Read Note a 20/28 */
html body .notes-category__list .next-note__ref,
html body .notes-category__list .next-note__l1,
html body .notes-category__list .next-note__read,
html body .pdp-next .next-note__ref,
html body .pdp-next .next-note__l1,
html body .pdp-next .next-note__read,
html body a.next-note .next-note__ref,
html body a.next-note .next-note__l1,
html body a.next-note .next-note__read {
	font-size: 20px !important;
	line-height: 28px !important;
}
html body .notes-category__list .next-note__ref,
html body .notes-category__list .next-note__l1,
html body .pdp-next .next-note__l1,
html body a.next-note .next-note__l1 {
	font-weight: 500 !important;
}
html body .notes-category__list .next-note__read,
html body .pdp-next .next-note__read,
html body a.next-note .next-note__read {
	font-weight: 400 !important;
	color: #c8c8c8 !important;
}

/* Título + Read Note: mismo bloque, 20/28 Medium, una línea o wrap natural */
html body a.next-note .next-note__ref {
	display: inline !important;
	font-size: 20px !important;
	line-height: 28px !important;
	font-weight: 500 !important;
}
html body a.next-note .next-note__l1 {
	display: inline !important;
	font-size: 20px !important;
	line-height: 28px !important;
	font-weight: 500 !important;
	white-space: normal !important;
}
html body a.next-note .next-note__read {
	display: inline !important;
	font-size: 20px !important;
	line-height: 28px !important;
	font-weight: 500 !important;
	/* inherit removed */
	margin: 0 !important;
	margin-top: 0 !important;
	text-decoration: none !important;
}
html body a.next-note:hover .next-note__read {
	color: #c8c8c8 !important;
}

/* PCP título 3 líneas: Etiqueta: / Título / Read Note */
html body a.next-note .next-note__ref {
	display: flex !important;
	flex-direction: column !important;
	align-items: flex-start !important;
	gap: 0 !important;
}
html body a.next-note .next-note__l1,
html body a.next-note .next-note__l2 {
	display: block !important;
	font-size: 20px !important;
	line-height: 28px !important;
	font-weight: 500 !important;
	color: var(--fg, #1a1a1a) !important;
	white-space: normal !important;
	margin: 0 !important;
}
html body a.next-note .next-note__read {
	display: block !important;
	margin-top: 0 !important;
	font-size: 20px !important;
	line-height: 28px !important;
	font-weight: 500 !important;
	color: #c8c8c8 !important; /* OFF más claro */
	text-decoration: none !important;
}
html body a.next-note:hover .next-note__read {
	color: var(--fg, #1a1a1a) !important; /* ON = negro */
}

/* Hover limpio: solo zoom mínimo en imagen + Read Note gris→negro */
@media (hover: hover) {
	/* Anular apagado de otros thumbs, fondos, blend, etc. */
	/* dim removed */
	html body .notes-category__list > a.next-note:hover::before,
	html body .pdp-next > a.next-note:hover::before,
	html body .cat-list > a.next-note:hover::before,
	/* home index ::before restored below */
	html body .notes-category__list > a.next-note:hover,
	html body .pdp-next > a.next-note:hover {
		background: transparent !important;
		border-top-color: var(--line, #e3e3e3) !important;
	}
	/* Zoom mínimo solo en la imagen de la fila */
	html body .notes-category__list .next-note__media,
	html body .pdp-next .next-note__media,
	html body .cat-list .next-note__media {
		overflow: hidden !important;
	}
	html body .notes-category__list .next-note__img,
	html body .pdp-next .next-note__img,
	html body .cat-list .next-note__img {
		transform: scale(1) !important;
		transform-origin: center center !important;
		transition: transform 0.55s cubic-bezier(0.22, 1, 0.36, 1) !important;
	}
	html body .notes-category__list > a.next-note:hover .next-note__img,
	html body .pdp-next > a.next-note:hover .next-note__img,
	html body .cat-list > a.next-note:hover .next-note__img {
		transform: none !important;
		filter: none !important;
		opacity: 1 !important;
	}
	/* Read Note: gris → negro */
	html body a.next-note .next-note__read {
		color: #c8c8c8 !important;
		text-decoration: none !important;
		transition: color 0.25s ease !important;
	}
	html body a.next-note:hover .next-note__read {
		color: var(--fg, #1a1a1a) !important;
		text-decoration: none !important;
	}
}

/* Thumb hover: color-burn + zoom */
@media (hover: hover) {
	html body .notes-category__list .next-note__media,
	html body .pdp-next .next-note__media,
	html body .cat-list .next-note__media {
		overflow: hidden !important;
		background: #1a1a1a !important;
	}
	html body .notes-category__list .next-note__img,
	html body .pdp-next .next-note__img,
	html body .cat-list .next-note__img {
		transform: scale(1) !important;
		mix-blend-mode: normal !important;
		filter: none !important;
		transition: transform 0.55s cubic-bezier(0.22, 1, 0.36, 1),
			filter 0.55s ease,
			mix-blend-mode 0.01s !important;
	}
	html body .notes-category__list > a.next-note:hover .next-note__img,
	html body .pdp-next > a.next-note:hover .next-note__img,
	html body .cat-list > a.next-note:hover .next-note__img {
		transform: none !important;
		mix-blend-mode: color-burn !important;
		filter: contrast(1.05) saturate(1.15) !important;
		opacity: 1 !important;
	}
	/* Read Note: gris claro → negro */
	html body a.next-note .next-note__read {
		color: #c8c8c8 !important;
	}
	html body a.next-note:hover .next-note__read {
		color: var(--fg, #1a1a1a) !important;
	}
}

/* Read Note: OFF #c8c8c8 · ON #808080 · Thumb rotate inside frame */
@media (hover: hover) {
	html body .notes-category__list .next-note__media,
	html body .pdp-next .next-note__media,
	html body .cat-list .next-note__media {
		overflow: hidden !important;
		background: transparent !important;
	}
	html body .notes-category__list .next-note__img,
	html body .pdp-next .next-note__img,
	html body .cat-list .next-note__img {
		transform: scale(1) rotate(0deg) !important;
		transform-origin: center center !important;
		mix-blend-mode: normal !important;
		filter: none !important;
		transition: transform 0.6s cubic-bezier(0.22, 1, 0.36, 1) !important;
	}
	html body .notes-category__list > a.next-note:hover .next-note__img,
	html body .pdp-next > a.next-note:hover .next-note__img,
	html body .cat-list > a.next-note:hover .next-note__img {
		transform: none !important;
		mix-blend-mode: normal !important;
		filter: none !important;
		opacity: 1 !important;
	}
	html body a.next-note .next-note__read {
		color: #c8c8c8 !important; /* OFF */
		text-decoration: none !important;
		transition: color 0.25s ease !important;
	}
	html body a.next-note:hover .next-note__read {
		color: #808080 !important; /* ON */
		text-decoration: none !important;
	}
}

/* FORCE Read Note colors OFF c8c8c8 ON 808080 */
html body a.next-note .next-note__read,
html body .next-note .next-note__read,
html body .notes-category__list .next-note__read,
html body .pdp-next .next-note__read,
html body .cat-list .next-note__read,
html body span.next-note__read {
	color: #808080 !important;
	-webkit-text-fill-color: #808080 !important;
	text-decoration: none !important;
	transition: color 0.25s ease, -webkit-text-fill-color 0.25s ease !important;
}
html body a.next-note:hover .next-note__read,
html body a.next-note:focus .next-note__read,
html body .notes-category__list a.next-note:hover .next-note__read,
html body .pdp-next a.next-note:hover .next-note__read,
html body .cat-list a.next-note:hover .next-note__read {
	color: #c8c8c8 !important;
	-webkit-text-fill-color: #c8c8c8 !important;
	text-decoration: none !important;
}

/* Read Note hover ON — gana a style inline */
html body a.next-note:hover .next-note__read[style],
html body a.next-note:hover span.next-note__read {
	color: #c8c8c8 !important;
}

/* PDP CTAs: col1 ↵ Incisión · col6 ↳ Ensayos · 20/28 Medium gris */
html body .pdp-back {
	display: grid !important;
	grid-template-columns: repeat(12, minmax(0, 1fr)) !important;
	column-gap: 16px !important;
	grid-column: 1 / -1 !important;
	width: 100% !important;
	margin: 80px 0 0 !important;
	padding: 0 !important;
}
html body .pdp-back__link {
	font-size: 20px !important;
	line-height: 28px !important;
	font-weight: 500 !important;
	letter-spacing: 0 !important;
	color: #808080 !important;
	text-decoration: none !important;
}
html body .pdp-back__link:hover {
	color: var(--fg, #1a1a1a) !important;
}
html body .pdp-back__link--incision {
	grid-column: 1 / span 3 !important;
}
html body .pdp-back__link--ensayos {
	grid-column: 6 / span 5 !important;
}
@media (max-width: 767px) {
	html body .pdp-back {
		display: flex !important;
		flex-direction: column !important;
		gap: 12px !important;
		margin-top: 48px !important;
	}
	html body .pdp-back__link--incision,
	html body .pdp-back__link--ensayos {
		grid-column: auto !important;
	}
}

/* PDP → footer: 200px */
html body.single .site-footer,
html body.single-contenido .site-footer,
html body.single-nota .site-footer,
html body.single .site-footer.site-footer,
html body .entry ~ .site-footer,
html body.single-contenido .site-footer,
html body.single .site-footer {
	margin-top: 0 !important;
}
html body .pdp-back {
	margin-bottom: 0 !important;
}

/* ========== Mobile nav + home + PDP fixes ========== */
@media (max-width: 767px) {
	/* Nav fija estable (sin bug bajo admin bar) */
	html body .site-header {
		position: fixed !important;
		top: 0 !important;
		left: 0 !important;
		right: 0 !important;
		width: 100% !important;
		max-width: 100vw !important;
		margin-left: 0 !important;
		padding-left: 20px !important;
		padding-right: 20px !important;
		display: flex !important;
		align-items: center !important;
		justify-content: space-between !important;
		gap: 12px !important;
		min-height: 56px !important;
		z-index: 10000 !important;
		background: var(--bg) !important;
		border-bottom: 1px solid var(--line) !important;
		box-sizing: border-box !important;
	}
	html body.admin-bar .site-header {
		top: 46px !important;
	}
	html body {
		padding-top: 56px !important;
	}
	html body.admin-bar {
		padding-top: calc(56px + 46px) !important;
	}

	/* HOME mobile: H — N | Arrival a la derecha */
	html body.home .site-header__brand-full {
		display: none !important;
	}
	html body.home .site-header__brand-short {
		display: inline !important;
	}
	html body.home .site-header__center,
	html body.home .site-header__index {
		display: none !important;
	}
	html body.home .site-header__aside,
	html body.home .site-header__arrival {
		margin-left: auto !important;
		justify-self: end !important;
		text-align: right !important;
	}

	/* PDP / sección mobile: solo título + Close (sin Human — Notes) */
	html body .site-header--section .site-header__brand,
	html body .site-header--section .site-header__brand--desktop {
		display: none !important;
	}
	html body .site-header--section {
		display: flex !important;
		justify-content: space-between !important;
	}
	html body .site-header--section .site-header__section-title {
		flex: 1 1 auto !important;
		min-width: 0 !important;
		max-width: 70% !important;
		text-align: left !important;
		overflow: hidden !important;
		text-overflow: ellipsis !important;
		white-space: nowrap !important;
		font-size: 14px !important;
		line-height: 22px !important;
		font-weight: 400 !important;
	}
	html body .site-header--section .site-header__close {
		flex: 0 0 auto !important;
		margin-left: auto !important;
		text-align: right !important;
		font-size: 14px !important;
		line-height: 22px !important;
	}

	/* Home hero typewriter: 200px nav → hero → 200px → lista */
	html body.home .home-hero {
		padding-top: 200px !important;
		padding-bottom: 0 !important;
		min-height: 0 !important;
	}
	html body.home .home-hero__claim {
		min-height: calc(3 * 34px) !important;
		height: calc(3 * 34px) !important;
		max-height: calc(3 * 34px) !important;
		font-size: 28px !important;
		line-height: 34px !important;
		font-weight: 500 !important;
	}
	html body.home .home-index-list {
		padding-top: 200px !important;
	}
}

/* Mobile: PDP + doc (Prólogo, HCF, Arché) full width 20px · body 16/22 · titulares body 20/28 */
@media (max-width: 767px) {
	html body main.page,
	html body main.entry-page,
	html body main.notes-category,
	html body .entry-page,
	html body .notes-category {
		padding-left: 20px !important;
		padding-right: 20px !important;
		width: 100% !important;
		max-width: 100% !important;
		box-sizing: border-box !important;
	}
	html body .doc,
	html body .notes-category__doc,
	html body .entry,
	html body article.entry,
	html body article.doc {
		display: block !important;
		width: 100% !important;
		max-width: 100% !important;
		padding: 0 !important;
		margin: 0 !important;
	}
	html body .doc__title,
	html body .entry__title,
	html body .notes-category__doc .doc__title {
		width: 100% !important;
		max-width: 100% !important;
		padding-top: 120px !important;
		margin: 0 0 32px !important;
		font-size: 28px !important;
		line-height: 34px !important;
		font-weight: 500 !important;
	}
	html body .doc__body,
	html body .entry__body,
	html body .entry__intro,
	html body .notes-category__intro,
	html body .entry__section-body,
	html body .doc__body p,
	html body .entry__body p,
	html body .entry__intro p {
		width: 100% !important;
		max-width: 100% !important;
		font-size: 16px !important;
		line-height: 22px !important;
		font-weight: 400 !important;
	}
	/* Titulares dentro del body → 20/28 */
	html body .doc__body h1,
	html body .doc__body h2,
	html body .doc__body h3,
	html body .doc__body h4,
	html body .entry__body h1,
	html body .entry__body h2,
	html body .entry__body h3,
	html body .entry__body h4,
	html body .entry__section-h,
	html body .entry__intro h2,
	html body .doc__body .wp-block-heading {
		font-size: 20px !important;
		line-height: 28px !important;
		font-weight: 500 !important;
		letter-spacing: 0 !important;
		margin: 48px 0 16px !important;
	}
	html body .entry__hero {
		width: 100% !important;
		aspect-ratio: 1 / 1 !important;
		margin: 0 0 32px !important;
	}
	html body .entry__meta,
	html body .entry__tags,
	html body .entry__rule {
		width: 100% !important;
	}
	html body .entry__meta {
		font-size: 14px !important;
		line-height: 22px !important;
	}
}

/* Mobile: páginas doc/PDP (Prólogo, HCF, Arché…) full width 20px · body 16/22 · h en body 20/28 */
@media (max-width: 767px) {
	html body main.page,
	html body main.entry-page,
	html body main.notes-category,
	html body .doc,
	html body .entry,
	html body .notes-category__doc {
		width: 100% !important;
		max-width: 100% !important;
		padding-left: 20px !important;
		padding-right: 20px !important;
		box-sizing: border-box !important;
		display: block !important;
	}
	html body .doc__title,
	html body .entry__title,
	html body .notes-category__doc .doc__title {
		grid-column: auto !important;
		width: 100% !important;
		max-width: 100% !important;
		padding-top: 120px !important;
		margin: 0 0 32px !important;
		font-size: 28px !important;
		line-height: 34px !important;
		font-weight: 500 !important;
	}
	html body .doc__body,
	html body .entry__body,
	html body .entry__intro,
	html body .notes-category__intro,
	html body .entry__section-body {
		grid-column: auto !important;
		width: 100% !important;
		max-width: 100% !important;
		font-size: 16px !important;
		line-height: 22px !important;
		font-weight: 400 !important;
	}
	html body .doc__body p,
	html body .entry__body p,
	html body .entry__intro p,
	html body .notes-category__intro p {
		font-size: 16px !important;
		line-height: 22px !important;
		font-weight: 400 !important;
		margin: 0 0 1.15em !important;
	}
	/* Titulares dentro del body → 20/28 */
	html body .doc__body h1,
	html body .doc__body h2,
	html body .doc__body h3,
	html body .doc__body h4,
	html body .entry__body h1,
	html body .entry__body h2,
	html body .entry__body h3,
	html body .entry__body h4,
	html body .entry__section-h,
	html body .entry__intro h2,
	html body .notes-category__intro h2 {
		font-size: 20px !important;
		line-height: 28px !important;
		font-weight: 500 !important;
		letter-spacing: 0 !important;
		margin: 48px 0 16px !important;
	}
	html body .doc__body strong,
	html body .entry__body strong {
		font-weight: 600 !important;
	}
	html body .entry__hero {
		width: 100% !important;
		aspect-ratio: 1 / 1 !important;
	}
	html body .entry__meta,
	html body .entry__tags {
		width: 100% !important;
		font-size: 14px !important;
		line-height: 22px !important;
	}
}

/* FORCE mobile full width + 20px margin */
@media (max-width: 767px) {
	html, body {
		width: 100% !important;
		max-width: 100vw !important;
		overflow-x: hidden !important;
		margin: 0 !important;
		padding-left: 0 !important;
		padding-right: 0 !important;
	}
	html body {
		padding-top: 56px !important; /* nav fija */
	}
	html body.admin-bar {
		padding-top: calc(56px + 46px) !important;
	}
	html body .site-header,
	html body main,
	html body main.page,
	html body main.entry-page,
	html body main.notes-category,
	html body .page,
	html body .site-footer__inner {
		width: 100% !important;
		max-width: 100% !important;
		margin-left: 0 !important;
		margin-right: 0 !important;
		padding-left: 20px !important;
		padding-right: 20px !important;
		box-sizing: border-box !important;
	}
	/* Anular grid desktop que deja cols vacías */
	html body .doc,
	html body .entry,
	html body .notes-category__doc,
	html body .doc__title,
	html body .doc__body,
	html body .entry__title,
	html body .entry__body,
	html body .entry__intro,
	html body .entry__hero,
	html body .entry__meta,
	html body .entry__tags,
	html body .entry__rule,
	html body .entry__section,
	html body .notes-category__intro {
		display: block !important;
		grid-column: auto !important;
		width: 100% !important;
		max-width: 100% !important;
		margin-left: 0 !important;
		margin-right: 0 !important;
		padding-left: 0 !important;
		padding-right: 0 !important;
		box-sizing: border-box !important;
	}
}

/* FIX nav bug: header siempre encima; contenido debajo */
html body .site-header {
	position: fixed !important;
	top: 0 !important;
	left: 0 !important;
	right: 0 !important;
	width: 100% !important;
	max-width: 100vw !important;
	margin: 0 !important;
	margin-left: 0 !important;
	z-index: 99999 !important;
	background: var(--bg, #fff) !important;
	border-bottom: 1px solid var(--line, #e3e3e3) !important;
	transform: none !important;
}
html body.admin-bar .site-header {
	top: 32px !important;
}
@media screen and (max-width: 782px) {
	html body.admin-bar .site-header {
		top: 46px !important;
	}
}
/* Empujar todo el contenido bajo la nav */
html body {
	padding-top: 56px !important;
}
html body.admin-bar {
	padding-top: calc(56px + 32px) !important;
}
@media screen and (max-width: 782px) {
	html body.admin-bar {
		padding-top: calc(56px + 46px) !important;
	}
}
/* Hero typewriter: nunca por encima de la nav */
html body .home-hero,
html body .home-hero__claim,
html body main {
	position: relative !important;
	z-index: 1 !important;
}
html body .site-header {
	z-index: 99999 !important;
}
@media (max-width: 767px) {
	html body.home .home-hero {
		padding-top: 200px !important;
		margin-top: 0 !important;
	}
	html body.home .home-index-list {
		padding-top: 200px !important;
	}
	html body .site-header {
		display: flex !important;
		align-items: center !important;
		justify-content: space-between !important;
		padding-left: 20px !important;
		padding-right: 20px !important;
		min-height: 56px !important;
		box-sizing: border-box !important;
	}
}

/* Nav altura estándar (revert +100px) */
html body .site-header {
	min-height: 56px !important;
	height: auto !important;
	align-items: center !important;
	padding-top: 0 !important;
	padding-bottom: 0 !important;
}
html body {
	padding-top: 56px !important;
}
html body.admin-bar {
	padding-top: calc(56px + 32px) !important;
}
@media screen and (max-width: 782px) {
	html body.admin-bar {
		padding-top: calc(56px + 46px) !important;
	}
	html body.admin-bar .site-header {
		top: 46px !important;
	}
}
html body.admin-bar .site-header {
	top: 32px !important;
}

/* Arché / PCP mobile: related notes — H2 20/28, col 1 stack */
@media (max-width: 767px) {
	html body .notes-category__list > a.next-note,
	html body .cat-list > a.next-note {
		display: grid !important;
		grid-template-columns: 1fr auto !important;
		column-gap: 16px !important;
		align-items: start !important;
		padding-top: 20px !important;
		margin-top: 24px !important;
		margin-bottom: 40px !important;
		border-top: 1px solid var(--line) !important;
	}
	/* Código suelto oculto: ya va en la línea 1 del título */
	html body .notes-category__list .next-note__label,
	html body .notes-category__list .next-note__code {
		display: none !important;
	}
	html body .notes-category__list .next-note__meta {
		grid-column: 1 !important;
		grid-row: 1 !important;
	}
	html body .notes-category__list .next-note__media {
		grid-column: 2 !important;
		grid-row: 1 !important;
		width: 72px !important;
		max-width: 72px !important;
		aspect-ratio: 1 / 1 !important;
		justify-self: end !important;
	}
	html body .notes-category__list .next-note__ref {
		display: flex !important;
		flex-direction: column !important;
		align-items: flex-start !important;
	}
	html body .notes-category__list .next-note__l1,
	html body .notes-category__list .next-note__l2,
	html body .notes-category__list .next-note__read {
		display: block !important;
		font-size: 20px !important;
		line-height: 28px !important;
		font-weight: 500 !important;
		margin: 0 !important;
	}
	html body .notes-category__list .next-note__read {
		color: #808080 !important;
	}
}

/* Desktop vs mobile title lines */
html body .next-note__l1--mobile { display: none !important; }
html body .next-note__l1--desktop { display: block !important; }
@media (max-width: 767px) {
	html body .next-note__l1--desktop { display: none !important; }
	html body .next-note__l1--mobile { display: block !important; }
}

/* FORCE mobile PCP/Arché: texto col1 · 20/28 Medium */
@media (max-width: 767px) {
	html body main.notes-category .notes-category__list > a.next-note,
	html body .notes-category__list > a.next-note {
		display: grid !important;
		grid-template-columns: 1fr 72px !important;
		column-gap: 16px !important;
		align-items: start !important;
		width: 100% !important;
		padding-top: 20px !important;
		box-sizing: border-box !important;
	}
	html body .notes-category__list .next-note__label,
	html body .notes-category__list .next-note__code {
		display: none !important;
	}
	html body .notes-category__list .next-note__meta {
		grid-column: 1 / 2 !important;
		grid-row: 1 !important;
		width: 100% !important;
		max-width: 100% !important;
	}
	html body .notes-category__list .next-note__media {
		grid-column: 2 / 3 !important;
		grid-row: 1 !important;
		width: 72px !important;
		height: 72px !important;
		max-width: 72px !important;
		aspect-ratio: 1 / 1 !important;
	}
	html body .notes-category__list .next-note__ref {
		display: flex !important;
		flex-direction: column !important;
		align-items: flex-start !important;
		width: 100% !important;
	}
	html body .notes-category__list .next-note__l1,
	html body .notes-category__list .next-note__l1--mobile,
	html body .notes-category__list .next-note__l1--desktop,
	html body .notes-category__list .next-note__l2,
	html body .notes-category__list .next-note__read {
		display: block !important;
		width: 100% !important;
		font-size: 20px !important;
		line-height: 28px !important;
		font-weight: 500 !important;
		letter-spacing: 0 !important;
		margin: 0 !important;
		padding: 0 !important;
	}
	html body .notes-category__list .next-note__l1--desktop {
		display: none !important;
	}
	html body .notes-category__list .next-note__l1--mobile {
		display: block !important;
	}
	html body .notes-category__list .next-note__read {
		color: #808080 !important;
	}
}

/* Texto related notes: columnas 1–3 */
@media (min-width: 768px) {
	html body .notes-category__list .next-note__meta,
	html body .pdp-next .next-note__meta {
		grid-column: 1 / 4 !important; /* cols 1–3 */
	}
	html body .notes-category__list .next-note__label,
	html body .notes-category__list .next-note__code {
		display: none !important; /* código ya va en l1 mobile/desktop full form optional */
	}
}
@media (max-width: 767px) {
	html body .notes-category__list > a.next-note {
		display: grid !important;
		grid-template-columns: repeat(12, minmax(0, 1fr)) !important;
		column-gap: 8px !important;
	}
	html body .notes-category__list .next-note__meta {
		grid-column: 1 / 10 !important; /* texto ancho útil */
	}
	html body .notes-category__list .next-note__media {
		grid-column: 10 / 13 !important;
		width: 100% !important;
		max-width: 100% !important;
		height: auto !important;
		aspect-ratio: 1 / 1 !important;
	}
	html body .notes-category__list .next-note__l1,
	html body .notes-category__list .next-note__l2,
	html body .notes-category__list .next-note__read {
		font-size: 20px !important;
		line-height: 28px !important;
		font-weight: 500 !important;
	}
}

/* RESTORE: lista notes 3 líneas + etiquetas · mobile 20/28 */
html body .next-note__l1--mobile { display: none !important; }
html body .next-note__l1--desktop { display: block !important; }

@media (min-width: 768px) {
	html body .notes-category__list > a.next-note {
		display: grid !important;
		grid-template-columns: repeat(12, minmax(0, 1fr)) !important;
		column-gap: 16px !important;
		align-items: start !important;
		padding-top: 20px !important;
		margin-top: 20px !important;
		margin-bottom: 80px !important;
		border-top: 1px solid var(--line) !important;
	}
	html body .notes-category__list .next-note__label {
		display: block !important;
		grid-column: 1 / 2 !important;
		font-size: 20px !important;
		line-height: 28px !important;
		font-weight: 500 !important;
	}
	html body .notes-category__list .next-note__meta {
		grid-column: 6 / 10 !important;
	}
	html body .notes-category__list .next-note__media {
		grid-column: 10 / 13 !important;
		width: 60% !important;
		justify-self: end !important;
		aspect-ratio: 1 / 1 !important;
		overflow: hidden !important;
	}
	html body .notes-category__list .next-note__l1,
	html body .notes-category__list .next-note__l2,
	html body .notes-category__list .next-note__read {
		display: block !important;
		font-size: 20px !important;
		line-height: 28px !important;
		font-weight: 500 !important;
	}
	html body .notes-category__list .next-note__l1--mobile { display: none !important; }
	html body .notes-category__list .next-note__l1--desktop { display: block !important; }
}

@media (max-width: 767px) {
	html body .notes-category__list > a.next-note {
		display: grid !important;
		grid-template-columns: 1fr 72px !important;
		column-gap: 16px !important;
		align-items: start !important;
		padding-top: 20px !important;
		margin-top: 24px !important;
		margin-bottom: 40px !important;
		border-top: 1px solid var(--line) !important;
	}
	html body .notes-category__list .next-note__label {
		display: none !important;
	}
	html body .notes-category__list .next-note__meta {
		grid-column: 1 !important;
	}
	html body .notes-category__list .next-note__media {
		grid-column: 2 !important;
		width: 72px !important;
		aspect-ratio: 1 / 1 !important;
	}
	html body .notes-category__list .next-note__l1,
	html body .notes-category__list .next-note__l1--mobile,
	html body .notes-category__list .next-note__l2,
	html body .notes-category__list .next-note__read {
		display: block !important;
		font-size: 20px !important;
		line-height: 28px !important;
		font-weight: 500 !important;
		margin: 0 !important;
	}
	html body .notes-category__list .next-note__l1--desktop {
		display: none !important;
	}
	html body .notes-category__list .next-note__l1--mobile {
		display: block !important;
	}
	html body .notes-category__list .next-note__read {
		color: #808080 !important;
	}
}

/* Sin label duplicado: oculta código lateral */
/* labels restored */
html body .notes-category__list .next-note__l1 {
	display: block !important;
}

/* Código A.000 en columna 1 */
html body .notes-category__list .next-note__label,
html body .notes-category__list .next-note__code {
	display: block !important;
	grid-column: 1 / 2 !important;
	font-size: 20px !important;
	line-height: 28px !important;
	font-weight: 500 !important;
	margin: 0 !important;
}
html body .notes-category__list > a.next-note {
	display: grid !important;
	grid-template-columns: repeat(12, minmax(0, 1fr)) !important;
	column-gap: 16px !important;
	align-items: start !important;
}
html body .notes-category__list .next-note__meta {
	grid-column: 6 / 10 !important;
}
html body .notes-category__list .next-note__media {
	grid-column: 10 / 13 !important;
	aspect-ratio: 1 / 1 !important;
	overflow: hidden !important;
}
@media (max-width: 767px) {
	html body .notes-category__list > a.next-note {
		grid-template-columns: auto 1fr 72px !important;
	}
	html body .notes-category__list .next-note__label {
		grid-column: 1 !important;
		display: block !important;
	}
	html body .notes-category__list .next-note__meta {
		grid-column: 2 !important;
	}
	html body .notes-category__list .next-note__media {
		grid-column: 3 !important;
		width: 72px !important;
	}
}

/* Thumb: pulse saturación (opción 1) */
@keyframes hn-thumb-pulse {
	0%, 70%, 100% {
		filter: saturate(1) brightness(1) contrast(1);
		transform: scale(1);
	}
	8%, 22% {
		filter: saturate(5) brightness(1.14) contrast(1.35);
		transform: scale(1.07);
	}
}
html body .next-note__img,
html body .notes-category__list .next-note__img,
html body .cat-list .next-note__img,
html body .pdp-next .next-note__img,
html body .entry__media img,
html body .entry__hero img {
	animation: hn-thumb-pulse 1.6s cubic-bezier(0.15, 0, 0, 1) infinite !important;
	transform-origin: center center !important;
	will-change: filter, transform;
	image-rendering: auto;
	backface-visibility: hidden;
}
html body .notes-category__list > a.next-note:nth-child(1) .next-note__img,
html body .cat-list a.next-note:nth-child(1) .next-note__img { animation-duration: 1.1s !important; animation-delay: 0s !important; }
html body .notes-category__list > a.next-note:nth-child(2) .next-note__img,
html body .cat-list a.next-note:nth-child(2) .next-note__img { animation-duration: 1.3s !important; animation-delay: -1.2s !important; }
html body .notes-category__list > a.next-note:nth-child(3) .next-note__img,
html body .cat-list a.next-note:nth-child(3) .next-note__img { animation-duration: 1.5s !important; animation-delay: -2.4s !important; }
html body .notes-category__list > a.next-note:nth-child(4) .next-note__img,
html body .cat-list a.next-note:nth-child(4) .next-note__img { animation-duration: 1.2s !important; animation-delay: -0.6s !important; }
html body .notes-category__list > a.next-note:nth-child(5) .next-note__img,
html body .cat-list a.next-note:nth-child(5) .next-note__img { animation-duration: 1.6s !important; animation-delay: -3s !important; }
html body .notes-category__list > a.next-note:nth-child(n+6) .next-note__img,
html body .cat-list a.next-note:nth-child(n+6) .next-note__img { animation-duration: 1.35s !important; animation-delay: -1.8s !important; }

@media (prefers-reduced-motion: reduce) {
	html body .next-note__img,
	html body .notes-category__list .next-note__img,
	html body .cat-list .next-note__img,
	html body .pdp-next .next-note__img,
	html body .entry__media img,
	html body .entry__hero img {
		animation: none !important;
		transform: none !important;
	}
}


/* ========== THUMB HEARTBEAT FUERTE (forzar) ========== */
@keyframes hn-beat {
	0%   { filter: saturate(1) brightness(1) contrast(1); transform: scale(1); }
	25%  { filter: saturate(6) brightness(1.2) contrast(1.4); transform: scale(1.1); }
	40%  { filter: saturate(1.2) brightness(1.02) contrast(1.05); transform: scale(1.02); }
	55%  { filter: saturate(5.5) brightness(1.18) contrast(1.35); transform: scale(1.09); }
	70%  { filter: saturate(1.1) brightness(1) contrast(1); transform: scale(1.01); }
	100% { filter: saturate(1) brightness(1) contrast(1); transform: scale(1); }
}
html body img.next-note__img,
html body .next-note__img,
html body .next-note__media img,
html body .notes-category__list img,
html body .cat-list img,
html body .pdp-next img,
html body .entry__media img,
html body .entry__hero img,
html body .entry figure img {
	animation: hn-beat 1.6s ease-in-out infinite !important;
	transform-origin: center center !important;
	will-change: filter, transform !important;
}
html body .next-note__media,
html body .notes-category__list .next-note__media,
html body .cat-list .next-note__media {
	overflow: hidden !important;
}

/* Latido continuo SIN hover — opacidad + saturación */
@keyframes hn-beat {
	0%, 100% { filter: saturate(1) brightness(1); opacity: 1; transform: scale(1); }
	50% { filter: saturate(3.5) brightness(1.15); opacity: 0.7; transform: scale(1.08); }
}
html body img.next-note__img,
html body .next-note__img,
html body .next-note__media img,
html body .entry__media img,
html body .entry__hero img {
	animation: hn-beat 1.6s ease-in-out infinite !important;
	opacity: 1 !important;
}

/* ========== Stats page — estilo Figma (force) ========== */
html body main.stats-page {
	padding: 300px 20px 160px !important;
	box-sizing: border-box !important;
	width: 100% !important;
	max-width: 100% !important;
	background: var(--bg, #fff) !important;
}
html body .stats-hero {
	display: grid !important;
	grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
	column-gap: 48px !important;
	align-items: start !important;
	margin: 0 0 72px !important;
}
html body .stats-hero__title {
	margin: 0 !important;
	padding: 0 !important;
	font-family: var(--font-base, "Suisse Int'l", Helvetica Neue, Inter, Arial, sans-serif) !important;
	font-size: 42px !important;
	line-height: 46px !important;
	font-weight: 500 !important;
	letter-spacing: -0.01em !important;
	color: var(--fg, #1a1a1a) !important;
}
html body .stats-hero__lede {
	margin: 0 !important;
	padding: 0 !important;
	max-width: 36ch !important;
	justify-self: end !important;
	font-size: 16px !important;
	line-height: 22px !important;
	font-weight: 400 !important;
	color: var(--fg, #1a1a1a) !important;
}
html body .stats-row {
	display: grid !important;
	gap: 12px !important;
	margin: 0 0 12px !important;
	width: 100% !important;
}
html body .stats-row--4 { grid-template-columns: repeat(4, minmax(0, 1fr)) !important; }
html body .stats-row--3 { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; }
html body .stats-row--2 { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }

html body .stats-card {
	background: #f2f2f2 !important;
	border-radius: 16px !important;
	padding: 28px 24px 22px !important;
	min-height: 128px !important;
	display: flex !important;
	flex-direction: column !important;
	justify-content: space-between !important;
	align-items: flex-start !important;
	box-sizing: border-box !important;
	border: 0 !important;
	box-shadow: none !important;
}
html body .stats-card--list {
	min-height: 180px !important;
	padding-top: 24px !important;
}
html body .stats-card__num {
	margin: 0 !important;
	padding: 0 !important;
	font-size: 42px !important;
	line-height: 1.05 !important;
	font-weight: 500 !important;
	letter-spacing: -0.02em !important;
	color: #1a1a1a !important;
	font-family: var(--font-base, "Suisse Int'l", Helvetica Neue, Inter, Arial, sans-serif) !important;
}
html body .stats-card__num--date {
	font-size: 28px !important;
	line-height: 1.15 !important;
	letter-spacing: -0.01em !important;
}
html body .stats-card__label {
	margin: 20px 0 0 !important;
	padding: 0 !important;
	font-size: 14px !important;
	line-height: 20px !important;
	font-weight: 400 !important;
	color: #1a1a1a !important;
}
html body .stats-card__list {
	width: 100% !important;
	flex: 1 1 auto !important;
}
html body .stats-card__line {
	margin: 0 0 2px !important;
	padding: 0 !important;
	font-size: 28px !important;
	line-height: 34px !important;
	font-weight: 500 !important;
	letter-spacing: -0.01em !important;
	color: #1a1a1a !important;
}
/* Meds — Figma soft tints */
html body .stats-card--levodopa {
	background: #f3d6f0 !important;
}
html body .stats-card--agonista {
	background: #d9f0d6 !important;
}
html body .stats-card--orfidal {
	background: #d6d9f5 !important;
}

:root[data-theme="dark"] main.stats-page .stats-card,
html[data-theme="dark"] main.stats-page .stats-card {
	background: #2a2a28 !important;
}
:root[data-theme="dark"] .stats-card--levodopa { background: #4a3348 !important; }
:root[data-theme="dark"] .stats-card--agonista { background: #334a33 !important; }
:root[data-theme="dark"] .stats-card--orfidal { background: #33334a !important; }
:root[data-theme="dark"] .stats-card__num,
:root[data-theme="dark"] .stats-card__label,
:root[data-theme="dark"] .stats-card__line,
:root[data-theme="dark"] .stats-hero__title,
:root[data-theme="dark"] .stats-hero__lede {
	color: var(--fg, #f3f1eb) !important;
}

@media (max-width: 900px) {
	html body .stats-row--4,
	html body .stats-row--3 {
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	}
}
@media (max-width: 767px) {
	html body main.stats-page {
		padding: 120px 20px 80px !important;
	}
	html body .stats-hero {
		grid-template-columns: 1fr !important;
		gap: 16px !important;
		margin-bottom: 40px !important;
	}
	html body .stats-hero__title {
		font-size: 28px !important;
		line-height: 34px !important;
	}
	html body .stats-hero__lede {
		justify-self: start !important;
		max-width: none !important;
	}
	html body .stats-row--4,
	html body .stats-row--3,
	html body .stats-row--2 {
		grid-template-columns: 1fr 1fr !important;
		gap: 10px !important;
	}
	html body .stats-card {
		min-height: 100px !important;
		padding: 18px 16px 14px !important;
		border-radius: 12px !important;
	}
	html body .stats-card__num {
		font-size: 28px !important;
	}
	html body .stats-card__num--date {
		font-size: 18px !important;
	}
	html body .stats-card__line {
		font-size: 18px !important;
		line-height: 24px !important;
	}
	html body .stats-card--list {
		min-height: 140px !important;
		grid-column: 1 / -1 !important;
	}
}


/* ========== RESTORE: kill orange bar + footer grid + section nav + meta col1 ========== */
/* Hide legacy Return Energy / Wallpaper bottom bar + FABs */
html body .note-fab,
html body .entry__cta-bar,
html body .hn-cta-bar,
html body .cta-bar,
html body [class*="note-fab"],
html body .entry__return-wallpaper,
html body .pdp-cta-bar {
	display: none !important;
	visibility: hidden !important;
	pointer-events: none !important;
	height: 0 !important;
	overflow: hidden !important;
}

/* Contribute auto-block (if any leftover in DOM) */
html body .entry__contribute {
	display: none !important;
}

/* Footer 3-column grid (desktop) */
html body .site-footer {
	width: 100% !important;
	margin-left: 0 !important;
	box-sizing: border-box !important;
}
html body .site-footer__inner {
	display: block !important;
	position: relative !important;
	padding: 20px !important;
	box-sizing: border-box !important;
	min-height: 320px !important;
}
html body .ft-cols {
	display: grid !important;
	grid-template-columns: repeat(12, minmax(0, 1fr)) !important;
	column-gap: 16px !important;
	width: 100% !important;
}
html body .ft-col--1 { grid-column: 1 / 6 !important; }
html body .ft-col--2 { grid-column: 6 / 9 !important; }
html body .ft-col--3 { grid-column: 9 / 13 !important; }
html body .ft-col {
	display: flex !important;
	flex-direction: column !important;
	gap: 48px !important;
}

/* Section nav — gray band full width */
html body .section-nav,
html body .hn-section-nav,
html body nav.section-nav {
	background: #f9f9f9 !important;
	width: 100% !important;
	box-sizing: border-box !important;
	padding: 20px !important;
	margin: 0 !important;
	border-top: 1px solid var(--line, #e3e3e3) !important;
	border-bottom: 1px solid var(--line, #e3e3e3) !important;
}
:root[data-theme="dark"] .section-nav,
:root[data-theme="dark"] .hn-section-nav {
	background: rgba(42, 42, 40, 0.5) !important;
}

/* PDP meta → columna 1 (izquierda); hero se mantiene a la derecha del texto */
html body .entry__meta,
html body .entry .entry__meta,
html body article.entry .entry__meta {
	grid-column: 1 / span 3 !important;
	display: flex !important;
	flex-direction: column !important;
	align-items: flex-start !important;
	gap: 12px !important;
	margin: 0 !important;
}
html body .entry__hero,
html body .entry .entry__hero {
	grid-column: 6 / span 5 !important;
}

@media (max-width: 767px) {
	html body .ft-cols {
		grid-template-columns: 1fr !important;
	}
	html body .ft-col--1,
	html body .ft-col--2,
	html body .ft-col--3 {
		grid-column: 1 !important;
	}
	html body .entry__meta,
	html body .entry__hero {
		grid-column: 1 / -1 !important;
	}
}

html body .entry__hero,
html body article.entry .entry__hero {
	grid-column: 6 / -1 !important;
	width: 100% !important;
	max-width: none !important;
}

/* HERO 6s FORCE */
html body .entry__hero img,
html body .entry__hero-img {
	animation: hnSoft4 5s ease-in-out infinite !important;
}


/* ===== PCP LIST FORCE MOBILE RESET: texto 1-3, imagen 4 ===== */
@media (max-width: 767px) {
	html body .notes-category__list > a.next-note,
	html body .notes-category__list > .next-note,
	html body .cat-list > a.next-note,
	html body .pdp-next > a.next-note {
		display: grid !important;
		grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
		column-gap: 12px !important;
		width: 100% !important;
		margin-bottom: 30px !important;
		padding-top: 16px !important;
	}
	html body .notes-category__list > a.next-note > .next-note__label,
	html body .notes-category__list .next-note__label {
		display: none !important;
	}
	html body .notes-category__list > a.next-note > .next-note__meta,
	html body .notes-category__list .next-note__meta,
	html body .cat-list .next-note__meta,
	html body .pdp-next .next-note__meta {
		grid-column: 1 / 4 !important;
		grid-row: 1 !important;
		width: 100% !important;
		max-width: 100% !important;
		margin: 0 !important;
		padding: 0 !important;
		text-align: left !important;
	}
	html body .notes-category__list > a.next-note > .next-note__media,
	html body .notes-category__list .next-note__media,
	html body .cat-list .next-note__media,
	html body .pdp-next .next-note__media {
		grid-column: 4 / 5 !important;
		grid-row: 1 !important;
		width: 100% !important;
		max-width: 100% !important;
		aspect-ratio: 1 / 1 !important;
		margin: 0 !important;
		justify-self: stretch !important;
	}
	html body .notes-category__list .next-note__name,
	html body .notes-category__list .next-note__name strong,
	html body .notes-category__list .next-note__title,
	html body .notes-category__list .next-note__read {
		font-size: 16px !important;
		line-height: 22px !important;
		text-align: left !important;
	}
	html body .notes-category__list .next-note__name,
	html body .notes-category__list .next-note__name strong {
		font-weight: 500 !important;
	}
	html body .notes-category__list .next-note__title,
	html body .notes-category__list .next-note__read {
		font-weight: 400 !important;
	}
}

/* PCP mobile nuclear: texto 1-3 / thumb 4 */
@media (max-width: 767px) {
	html body main.notes-category .notes-category__list > a.next-note,
	html body main.notes-category section.notes-category__list > a.next-note,
	html body main.notes-category .cat-list > a.next-note,
	html body .notes-category__list > a.next-note.next-note--pcp,
	html body .notes-category__list > a.next-note {
		display: grid !important;
		grid-template-columns: minmax(0,1fr) minmax(0,1fr) minmax(0,1fr) minmax(0,1fr) !important;
		grid-template-rows: auto !important;
		column-gap: 12px !important;
		row-gap: 0 !important;
		width: 100% !important;
		max-width: 100% !important;
		align-items: start !important;
		margin-bottom: 30px !important;
	}
	html body main.notes-category .notes-category__list > a.next-note > .next-note__label,
	html body .notes-category__list > a.next-note > .next-note__label {
		display: none !important;
		grid-column: unset !important;
	}
	html body main.notes-category .notes-category__list > a.next-note > .next-note__meta,
	html body .notes-category__list > a.next-note > .next-note__meta,
	html body .notes-category__list .next-note__meta {
		grid-column: 1 / 4 !important;
		grid-row: 1 !important;
		width: 100% !important;
		max-width: 100% !important;
		min-width: 0 !important;
		margin: 0 !important;
		padding: 0 !important;
		justify-self: stretch !important;
		text-align: left !important;
	}
	html body main.notes-category .notes-category__list > a.next-note > .next-note__media,
	html body .notes-category__list > a.next-note > .next-note__media,
	html body .notes-category__list .next-note__media,
	html body .cat-list .next-note__media {
		grid-column: 4 / 5 !important;
		grid-row: 1 !important;
		width: 100% !important;
		max-width: 100% !important;
		aspect-ratio: 1 / 1 !important;
		margin: 0 !important;
		padding: 0 !important;
		justify-self: stretch !important;
	}
}

/* Home typewriter: 300px from nav bar */
html body.home .home-hero,
html body.home main.home-index .home-hero,
html body .home-hero {
	padding-top: 300px !important;
	margin-top: 0 !important;
}
html body.home .home-hero__claim {
	margin-top: 0 !important;
	padding-top: 0 !important;
}
@media (max-width: 767px) {
	html body.home .home-hero,
	html body.home main.home-index .home-hero {
		padding-top: 200px !important;
	}
}

/* ========== ABOUT — layout Figma (columnas centrales) ========== */
@media (min-width: 768px) {
	html body.page-about main.entry-page .doc,
	html body.page-id-about main .doc,
	html body.about main .doc,
	html body.page-template-default.about .doc,
	html body[class*="about"] main.entry-page .doc {
		display: grid !important;
		grid-template-columns: repeat(12, minmax(0, 1fr)) !important;
		column-gap: 16px !important;
		width: 100% !important;
	}
	/* Texto About: columnas 3 → 10 (como captura) */
	html body[class*="about"] .doc__title,
	html body[class*="about"] .doc__body,
	html body.page-about .doc__title,
	html body.page-about .doc__body {
		grid-column: 3 / span 8 !important;
		width: auto !important;
		max-width: none !important;
		padding-top: 0 !important;
		margin-left: 0 !important;
		margin-right: 0 !important;
	}
	html body[class*="about"] .doc__title,
	html body.page-about .doc__title {
		padding-top: 300px !important;
		margin: 0 0 40px !important;
		font-size: 42px !important;
		line-height: 46px !important;
		font-weight: 500 !important;
		letter-spacing: -0.01em !important;
	}
	/* About = Prólogo: párrafo 20/28, titulares 22/30 */
	html body[class*="about"] .doc__body p,
	html body.page-about .doc__body p {
		font-size: 20px !important;
		line-height: 28px !important;
		font-weight: 400 !important;
		letter-spacing: 0 !important;
	}
	html body[class*="about"] .doc__body h2,
	html body[class*="about"] .doc__body h3,
	html body[class*="about"] .doc__body h4,
	html body.page-about .doc__body h2,
	html body.page-about .doc__body h3 {
		font-size: 22px !important;
		line-height: 30px !important;
		font-weight: 500 !important;
		letter-spacing: 0 !important;
		margin-top: 58px !important;
		margin-bottom: 18px !important;
	}
	html body[class*="about"] .doc__body p {
		margin: 0 0 1.15em !important;
	}
}
@media (max-width: 767px) {
	html body[class*="about"] .doc__body p,
	html body[class*="about"] .doc__body .wp-block-paragraph,
	html body.page-about .doc__body p {
		grid-column: 1 / -1 !important;
		width: 100% !important;
		font-size: 16px !important;
		line-height: 22px !important;
		font-weight: 400 !important;
		letter-spacing: 0 !important;
	}
	html body[class*="about"] .doc__body p.has-h-2-font-size,
	html body[class*="about"] .doc__body p.has-h-2-font-size strong,
	html body[class*="about"] .doc__body h2,
	html body[class*="about"] .doc__body h3,
	html body.page-about .doc__body p.has-h-2-font-size,
	html body.page-about .doc__body p.has-h-2-font-size strong {
		font-size: 18px !important;
		line-height: 24px !important;
		font-weight: 500 !important;
	}
	html body[class*="about"] .doc__title {
		padding-top: 0 !important;
		display: block !important;
		font-size: 28px !important;
		line-height: 34px !important;
		font-weight: 500 !important;
	}
}

/* Home typewriter desktop: 300px from nav */
@media (min-width: 768px) {
	html body.home .home-hero,
	html body.home main .home-hero,
	html body.home .home-index .home-hero {
		padding-top: 300px !important;
		margin-top: 0 !important;
	}
	html body.home .home-hero__claim {
		margin-top: 0 !important;
		padding-top: 0 !important;
	}
}

/* Brand typewriter force main */
html body .site-header__brand-full {
	display: inline-block !important;
	opacity: 1 !important;
	visibility: visible !important;
}
html body .site-header__brand-short {
	display: none !important;
}


/* MOBILE PCP title zero — el offset lo da solo main (hotfix 200px) */
@media (max-width: 767px) {
	.notes-category__doc,
	.notes-category__doc .doc__title,
	main.notes-category .doc__title,
	.cat-hero,
	.cat-hero__title,
	.doc__title {
		padding-top: 0 !important;
		margin-top: 0 !important;
	}
}


/* About first paragraph = body 20/28 400 */
@media (min-width: 768px) {
	html body.page-about .doc__body > p:first-child,
	html body.page-about .doc__body > .wp-block-paragraph:first-child,
	html body[class*="about"] .doc__body > p:first-child,
	html body.hn-about .doc__body > p:first-child,
	html body.page-about .doc__body > p:first-child strong,
	html body.page-about .doc__body .is-style-lead-paragraph {
		font-size: 20px !important;
		line-height: 28px !important;
		font-weight: 400 !important;
		letter-spacing: 0 !important;
	}
}


/* About: TODOS los párrafos mismo 20/28 400 */
@media (min-width: 768px) {
	html body.page-about .doc__body p,
	html body.page-about .doc__body p *,
	html body.page-about .doc__body .wp-block-paragraph,
	html body.page-about .doc__body .wp-block-paragraph *,
	html body.page-about .doc__body .is-style-lead-paragraph,
	html body.page-about .doc__body .is-style-lead-paragraph *,
	html body.page-about .doc__body > p:first-child,
	html body.page-about .doc__body > p:first-child *,
	html body[class*="about"] .doc__body p,
	html body[class*="about"] .doc__body p span,
	html body[class*="about"] .doc__body p strong {
		font-size: 20px !important;
		line-height: 28px !important;
		font-weight: 400 !important;
		letter-spacing: 0 !important;
	}
}