/* =============================================================
 * Secciones genéricas debajo del hero.
 *
 * Variantes de fondo (todas evitan blanco/negro puros):
 *   .trx-section--paper   off-white (oklch 97% paper-0)
 *   .trx-section--ink     dark (variante para futuras secciones)
 *
 * `scroll-margin-top` ajusta los anchor links para que la sección
 * aparezca justo debajo del nav fijo (no oculta tras él).
 * ============================================================= */

.trx-section {
	position: relative;
	min-height: 100dvh;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	padding-block: var(--trx-space-8);
	padding-inline: 0;
	scroll-margin-top: var(--trx-nav-h);
	isolation: isolate;
}

/* BLANCO TOSTADO — cream/parchment cálido (hue 78 = amber muy desaturado).
 * Lejos del blanco frío y del marfil saturado: matiz justo para que se sienta
 * "tostado" sin amarillear. Pareado con texto cool-dark para contraste editorial. */
.trx-section--paper {
	background: oklch(95% 0.018 78);
	color: oklch(18% 0.022 60);
}
.trx-section--paper a { color: oklch(48% 0.16 230); }
.trx-section--paper a:hover { color: oklch(55% 0.18 230); }