/* ==================================================================
   Portada «Fuego lento»: detalles propios sobre la estructura común
   ================================================================== */

/* Neve: la cabecera flota sobre la cocina y el contenido ocupa todo el ancho */
.cn-home-page .neve-main { padding: 0; }
.cn-home-page header.header { position: fixed; top: 0; left: 0; right: 0; z-index: 50; }
.admin-bar.cn-home-page header.header { top: 32px; }
@media (max-width: 782px) { .admin-bar.cn-home-page header.header { top: 46px; } }
.cn-home-page .header .header--row,
.cn-home-page .header .header-main {
	--bgcolor: transparent;
	--rowbcolor: transparent;
	background: linear-gradient(180deg, rgba(10, 7, 5, 0.72), rgba(10, 7, 5, 0));
	backdrop-filter: none;
	-webkit-backdrop-filter: none;
}

.cn-display em { font-style: italic; font-variation-settings: "SOFT" 100; }
.cn-scene--intro .cn-eyebrow { color: var(--cn-accent-on-dark); }
.cn-scene .cn-link { color: var(--cn-accent-on-dark); }

.cn-scene--steps { flex-direction: column; align-items: flex-start; justify-content: flex-start; padding-top: 26vh; }
.cn-step h3 { color: #fff; }
.cn-step p { color: rgba(255, 255, 255, 0.76); }

.cn-marquee { background: var(--cn-accent); color: var(--cn-accent-ink); }
.cn-marquee__track > span { font-style: italic; }

.cn-cats { --cn-cats-cols: 4; --cn-cat-ratio: 4 / 5; }
.cn-cat__n { color: var(--cn-accent-text); }
.cn-cat a:hover .cn-cat__title { color: var(--cn-accent-text); }

/* La guía original de decocina usa tablas y columnas: se les da aire */
.cn-guide__content table { font-size: 14px; }
.cn-guide__content .wp-block-columns { gap: 32px; }

.cn-closing::before {
	content: "";
	position: absolute;
	inset: 0;
	background: radial-gradient(ellipse at 50% 92%, rgba(10, 7, 5, 0.72), rgba(10, 7, 5, 0) 62%);
	pointer-events: none;
}

@media (max-width: 768px) {
	.cn-scene--steps { padding-top: 58vh; }
	.cn-cats { --cn-cats-cols: 2; }
}