/*
Theme Name:   Decocina · Fuego lento
Description:  Tema hijo de Neve. Portada inmersiva «Fuego lento» (cocina en penumbra en WebGL con llama de gas, sartén, vapor y tabla de corte, vídeo y grano de película) y capa editorial gastronómica para el resto del sitio.
Template:     neve
Version:      0.1.0
Text Domain:  decocina-fuego
*/

/* ------------------------------------------------------------------
   Tokens
   ------------------------------------------------------------------ */
html:root {
	--cn-bg: #0f0c0a;
	--cn-paper: #f4ede3;
	--cn-paper-2: #eae0d2;
	--cn-card: #fbf7f1;
	--cn-ink: #1d1611;
	--cn-ink-2: #3e332a;
	--cn-muted: #87776a;
	--cn-line: rgba(29, 22, 17, 0.12);
	--cn-line-strong: rgba(29, 22, 17, 0.3);
	--cn-accent: #d9733a;
	--cn-accent-ink: #160e08;
	--cn-accent-text: #a8501f;
	--cn-accent-on-dark: #f0a46c;

	--cn-display: "Fraunces", Georgia, serif;
	--cn-display-weight: 500;
	--cn-display-tracking: -0.02em;
	--cn-display-leading: 0.98;
	--cn-sans: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;
	--cn-hero-size: clamp(3.4rem, 9vw, 8.6rem);
	--cn-hero-size-m: clamp(3.1rem, 15vw, 4.6rem);

	--cn-radius: 6px;
	--cn-ease: cubic-bezier(0.22, 0.61, 0.36, 1);
	--cn-wrap: 1280px;
	--cn-gutter: clamp(16px, 4vw, 56px);
	--cn-grain: 0.075;
	--cn-marquee-sep: "✺";
	--cn-veil-dark: linear-gradient(90deg, rgba(10, 7, 5, 0.76) 0%, rgba(10, 7, 5, 0.38) 40%, rgba(10, 7, 5, 0) 66%);
	--cn-veil-light: linear-gradient(90deg, rgba(244, 237, 227, 0.9) 0%, rgba(244, 237, 227, 0.5) 36%, rgba(244, 237, 227, 0) 60%);

	/* Paleta de Neve alineada con la identidad */
	--nv-primary-accent: #a8501f;
	--nv-secondary-accent: #d9733a;
	--nv-site-bg: #f4ede3;
	--nv-light-bg: #eae0d2;
	--nv-dark-bg: #0f0c0a;
	--nv-text-color: #3e332a;
	--nv-text-dark-bg: #f4ede3;
	--nv-c-1: #7a9a5a;
	--nv-c-2: #c4402a;
	--bodyfontfamily: var(--cn-sans);
	--headingsfontfamily: var(--cn-display);
}

/* ------------------------------------------------------------------
   Base (todas las páginas)
   ------------------------------------------------------------------ */
body {
	background: var(--cn-paper);
	color: var(--cn-ink-2);
	font-family: var(--cn-sans);
	-webkit-font-smoothing: antialiased;
}
h1, h2, h3, .entry-title, .nv-page-title {
	font-family: var(--cn-display);
	font-weight: 500;
	letter-spacing: -0.02em;
	line-height: 1.02;
	color: var(--cn-ink);
	font-variation-settings: "SOFT" 60;
}
h4, h5, h6 { font-family: var(--cn-sans); font-weight: 700; }
.nv-content-wrap h2, .entry-content h2 { font-size: clamp(2rem, 3.6vw, 3rem); margin-top: 1.4em; }
a { color: var(--cn-accent-text); text-underline-offset: 3px; }
::selection { background: var(--cn-accent); color: var(--cn-ink); }
:focus-visible { outline: 2px solid var(--cn-accent); outline-offset: 3px; }

/* Cabecera de Neve en carbón con la marca en serif */
.header .header--row,
.header .header-main {
	--bgcolor: rgba(15, 12, 10, 0.94);
	--color: #f4ede3;
	--rowbcolor: rgba(255, 255, 255, 0.07);
}
.header .header-main { backdrop-filter: saturate(1.2) blur(12px); -webkit-backdrop-filter: saturate(1.2) blur(12px); }
.builder-item--primary-menu {
	--hovercolor: var(--cn-accent-on-dark);
	--hovertextcolor: var(--cn-accent-on-dark);
	--activecolor: var(--cn-accent-on-dark);
	--fontweight: 500;
	--texttransform: uppercase;
	--letterspacing: 0.12em;
	--fontsize: 13px;
}
.nav-ul .sub-menu { background: #17120e !important; border: 1px solid rgba(255, 255, 255, 0.07); box-shadow: 0 24px 48px rgba(0, 0, 0, 0.45); }
.nav-ul .sub-menu li > .wrap > a { color: rgba(244, 237, 227, 0.82) !important; text-transform: none; letter-spacing: 0; font-size: 14px; }
.nav-ul .sub-menu li > .wrap > a:hover { color: var(--cn-accent-on-dark) !important; }
.header .navbar-toggle { --color: #f4ede3; --bgcolor: transparent; --bordercolor: rgba(244, 237, 227, 0.4); }

/* Marca tipográfica: se oculta el icono y el lema por defecto de WordPress */
.builder-item--logo .neve-site-logo,
.builder-item--logo .nv-title-tagline-wrap small { display: none; }
.builder-item--logo .site-title {
	font-family: var(--cn-display);
	font-weight: 500;
	font-style: italic;
	font-size: clamp(24px, 2.2vw, 30px);
	letter-spacing: -0.01em;
	color: #f4ede3;
}
.builder-item--logo .site-title::after { content: ""; display: inline-block; width: 7px; height: 7px; margin-left: 6px; border-radius: 50%; background: #5d8dff; box-shadow: 0 0 10px #5d8dff; vertical-align: 4px; }

/* Cabecera de página interior */
.nv-page-title-wrap, .nv-big-title { position: relative; }
.single-page .nv-page-title-wrap { padding: clamp(40px, 7vw, 90px) 0 24px; }
.nv-page-title { font-size: clamp(2.6rem, 6vw, 5rem); }

/* Galerías: rótulo de carta en la serif */
.wp-block-gallery.has-nested-images figure.wp-block-image { overflow: hidden; border-radius: var(--cn-radius); }
.wp-block-gallery.has-nested-images figure.wp-block-image img { transition: transform 1s var(--cn-ease); }
.wp-block-gallery.has-nested-images figure.wp-block-image:hover img { transform: scale(1.04); }
.wp-block-gallery.has-nested-images figure.wp-block-image figcaption {
	background: linear-gradient(0deg, rgba(15, 12, 10, 0.86), rgba(15, 12, 10, 0));
	font-family: var(--cn-display);
	font-size: clamp(1.05rem, 1.6vw, 1.4rem);
	text-transform: none;
	padding: 34px 14px 14px;
}
.wp-block-gallery.has-nested-images figure.wp-block-image figcaption a { color: #fff; text-decoration: none; }

.button, .wp-block-button__link, button, input[type="submit"] { border-radius: var(--cn-radius); }

/* Pie */
.footer--row { --bgcolor: #0f0c0a; --color: rgba(244, 237, 227, 0.65); }
.site-footer a, .footer--row a { color: #f4ede3; }