/* ==================================================================
   Portada «Piel de seda»: detalles propios sobre la estructura común
   Es la única portada clara: el texto va en tinta sobre porcelana.
   ================================================================== */

.cn-home-page #inner-wrap { padding: 0; }
.cn-home-page #masthead { position: fixed; top: 0; left: 0; right: 0; z-index: 50; }
.admin-bar.cn-home-page #masthead { top: 32px; }
@media (max-width: 782px) { .admin-bar.cn-home-page #masthead { top: 46px; } }
.cn-home-page #masthead .site-header-row-container-inner,
.cn-home-page #mobile-header .site-header-row-container-inner {
	background: linear-gradient(180deg, rgba(247, 242, 237, 0.85), rgba(247, 242, 237, 0));
	border-bottom-color: transparent;
	backdrop-filter: none;
	-webkit-backdrop-filter: none;
}

/* Grano más suave sobre el blanco */
.cn-grain { mix-blend-mode: multiply; opacity: 0.05; }

.cn-display em { font-style: italic; }
.cn-scene--intro .cn-eyebrow { color: var(--cn-accent-text); }
.cn-scene .cn-link { color: var(--cn-accent-text); }
.cn-scroll-cue { color: var(--cn-muted); }
.cn-index { color: var(--cn-ink); }

.cn-scene--steps { flex-direction: column; align-items: flex-start; justify-content: flex-start; padding-top: 26vh; }
.cn-step__n { color: var(--cn-accent-text); }
.cn-chip { border-color: rgba(43, 34, 32, 0.35); }
.cn-chip[aria-pressed="true"] { background: var(--cn-ink); border-color: var(--cn-ink); color: var(--cn-paper); }

/* Marquesina rosada */
.cn-marquee { background: #f0d3c7; color: var(--cn-ink); }
.cn-marquee__track > span { font-style: italic; }

/* Zonas: tarjetas altas redondeadas */
.cn-cats { --cn-cats-cols: 4; --cn-cat-ratio: 3 / 4; }
.cn-cat__media { border-radius: var(--cn-radius); }
.cn-cat__title { margin-top: 14px; font-style: italic; }
.cn-index-list .cn-chip { background: var(--cn-card); }

/* Ingredientes: lista editorial numerada */
.cps-actives { list-style: none; margin: 0; padding: 0; border-top: 1px solid var(--cn-line); }
.cps-actives a {
	display: grid;
	grid-template-columns: 64px minmax(0, 1fr) minmax(0, 1.2fr) 40px;
	align-items: baseline;
	gap: 24px;
	padding: 26px 0;
	border-bottom: 1px solid var(--cn-line);
	color: var(--cn-ink);
	text-decoration: none;
	transition: padding 0.4s var(--cn-ease), color 0.3s var(--cn-ease);
}
.cps-actives a:hover, .cps-actives a:focus-visible { padding-left: 14px; color: var(--cn-accent-text); }
.cps-actives__n { font-size: 12px; font-weight: 700; letter-spacing: 0.2em; color: var(--cn-muted); }
.cps-actives__name { font-family: var(--cn-display); font-size: clamp(1.6rem, 3vw, 2.6rem); line-height: 1.05; }
.cps-actives__desc { font-size: 14px; line-height: 1.55; color: var(--cn-muted); }
.cps-actives__go { justify-self: end; font-size: 20px; }

/* Marcas: nube tipográfica */
.cps-brands { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 0.25em 0.7em; font-family: var(--cn-display); font-size: clamp(1.6rem, 3.6vw, 3.2rem); line-height: 1.15; }
.cps-brands a { color: var(--cn-ink); text-decoration: none; transition: color 0.3s var(--cn-ease), font-style 0.3s; }
.cps-brands a:hover, .cps-brands a:focus-visible { color: var(--cn-accent-text); font-style: italic; }
.cps-brands li:nth-child(3n + 2) a { font-style: italic; color: var(--cn-ink-2); }

.cn-product a { border-radius: var(--cn-radius); }
.cn-product__media { border-radius: 12px; }

/* Cierre en tinta sobre porcelana */
.cn-closing { color: var(--cn-ink); }
.cn-closing .cn-eyebrow { color: var(--cn-accent-text); }
.cn-closing .cn-display { color: var(--cn-ink); }
.cn-reel .cn-display { color: #fff; }

@media (max-width: 768px) {
	.cn-scene--steps { padding-top: 58vh; }
	.cn-cats { --cn-cats-cols: 2; }
	.cps-actives a { grid-template-columns: 40px minmax(0, 1fr) 24px; gap: 14px; }
	.cps-actives__desc { display: none; }
}