/*
Theme Name:   Cremas · Piel de seda
Description:  Tema hijo de Kadence. Portada inmersiva «Piel de seda» (estudio claro en WebGL con crema, sérum y capas de piel, vídeo y grano de película) y capa editorial cosmética para el resto del sitio.
Template:     kadence
Version:      0.1.0
Text Domain:  cremas-seda
*/

/* ------------------------------------------------------------------
   Tokens
   ------------------------------------------------------------------ */
html:root {
	--cn-bg: #efe4dc;
	--cn-paper: #f7f2ed;
	--cn-paper-2: #efe6de;
	--cn-card: #fffcf9;
	--cn-ink: #2b2220;
	--cn-ink-2: #4a3d39;
	--cn-muted: #8d7b74;
	--cn-line: rgba(43, 34, 32, 0.12);
	--cn-line-strong: rgba(43, 34, 32, 0.3);
	--cn-accent: #b9654d;
	--cn-accent-ink: #fffaf6;
	--cn-accent-text: #9b4f39;
	--cn-accent-on-dark: #f0b9a6;

	--cn-display: "Bodoni Moda", "Didot", "Bodoni 72", Georgia, serif;
	--cn-display-weight: 400;
	--cn-display-tracking: -0.02em;
	--cn-display-leading: 1;
	--cn-sans: "Manrope", system-ui, -apple-system, "Segoe UI", sans-serif;
	--cn-hero-size: clamp(3.4rem, 8.6vw, 8.2rem);
	--cn-hero-size-m: clamp(3rem, 14vw, 4.4rem);

	--cn-radius: 18px;
	--cn-ease: cubic-bezier(0.22, 0.61, 0.36, 1);
	--cn-wrap: 1280px;
	--cn-gutter: clamp(16px, 4vw, 56px);
	--cn-grain: 0.06;
	--cn-marquee-sep: "·";
	--cn-veil-dark: linear-gradient(90deg, rgba(43, 34, 32, 0.55) 0%, rgba(43, 34, 32, 0) 60%);
	--cn-veil-light: linear-gradient(90deg, rgba(247, 242, 237, 0.88) 0%, rgba(247, 242, 237, 0.5) 34%, rgba(247, 242, 237, 0) 58%);
	--cn-veil-light-m: linear-gradient(0deg, rgba(247, 242, 237, 0.94) 0%, rgba(247, 242, 237, 0.6) 40%, rgba(247, 242, 237, 0) 62%);

	--global-palette1: #2b2220;
	--global-palette2: #9b4f39;
	--global-palette3: #2b2220;
	--global-palette4: #4a3d39;
	--global-palette5: #6b5b55;
	--global-palette6: #8d7b74;
	--global-palette7: #efe6de;
	--global-palette8: #f7f2ed;
	--global-palette9: #fffcf9;
	--global-heading-font-family: var(--cn-display);
	--global-body-font-family: var(--cn-sans);
}

/* ------------------------------------------------------------------
   Base (todas las páginas)
   ------------------------------------------------------------------ */
body {
	background: var(--cn-paper);
	color: var(--cn-ink-2);
	font-family: var(--cn-sans);
	-webkit-font-smoothing: antialiased;
}
.content-bg, body.content-style-unboxed .site { background: var(--cn-paper); }
.entry.single-entry, .content-style-boxed .content-bg:not(.loop-entry) { background: var(--cn-card); box-shadow: 0 30px 60px rgba(107, 74, 58, 0.06); border: 1px solid var(--cn-line); border-radius: var(--cn-radius); }

h1, h2, h3, .entry-title {
	font-family: var(--cn-display);
	font-weight: 400;
	letter-spacing: -0.02em;
	line-height: 1.04;
	color: var(--cn-ink);
}
h4, h5, h6 { font-family: var(--cn-sans); font-weight: 700; }
.entry-content h2 { font-size: clamp(2rem, 3.6vw, 3rem); margin-top: 1.4em; }
.entry-content h3 { font-size: clamp(1.5rem, 2.3vw, 2rem); }
a { color: var(--cn-accent-text); text-underline-offset: 3px; }
::selection { background: #f0cfc3; color: var(--cn-ink); }
:focus-visible { outline: 2px solid var(--cn-accent); outline-offset: 3px; }

/* Cabecera: sustituye el degradado lila del personalizador por porcelana */
html #masthead { background: transparent; }
#masthead .site-header-row-container-inner,
#mobile-header .site-header-row-container-inner {
	background: rgba(247, 242, 237, 0.9);
	backdrop-filter: saturate(1.3) blur(14px);
	-webkit-backdrop-filter: saturate(1.3) blur(14px);
	border-bottom: 1px solid var(--cn-line);
}
#masthead .header-navigation .header-menu-container > ul > li > a,
#mobile-header .menu-toggle-open { color: var(--cn-ink); }
#masthead .header-navigation .header-menu-container > ul > li > a {
	font-family: var(--cn-sans);
	font-size: 13px;
	font-weight: 600;
	letter-spacing: 0.12em;
	text-transform: uppercase;
}
#masthead .header-navigation .header-menu-container > ul > li > a:hover,
#masthead .header-navigation .header-menu-container > ul > li.current-menu-item > a { color: var(--cn-accent-text); }
.header-navigation .header-menu-container ul ul.sub-menu { background: var(--cn-card); border: 1px solid var(--cn-line); border-radius: 14px; box-shadow: 0 24px 48px rgba(107, 74, 58, 0.14); max-height: 70vh; overflow-y: auto; }
.header-navigation .header-menu-container ul ul li.menu-item > a { color: var(--cn-ink-2); font-size: 14px; }
.header-navigation .header-menu-container ul ul li.menu-item > a:hover { color: var(--cn-accent-text); background: rgba(185, 101, 77, 0.06); }

/* Logotipo tipográfico */
.site-branding .brand:has(.cn-wordmark) .site-title-wrap { display: none; }
.cn-wordmark { display: inline-flex; align-items: baseline; gap: 10px; line-height: 1; }
.cn-wordmark__name { font-family: var(--cn-display); font-style: italic; font-size: clamp(26px, 2.4vw, 32px); color: var(--cn-ink); letter-spacing: -0.01em; }
.cn-wordmark__tld { font-family: var(--cn-sans); font-size: 10px; font-weight: 700; letter-spacing: 0.34em; text-transform: uppercase; color: var(--cn-accent-text); }

/* Cabecera de página interior */
.entry-hero.page-hero-section .entry-hero-container-inner {
	background: var(--cn-bg);
	background-image: radial-gradient(ellipse at 80% 20%, rgba(240, 185, 166, 0.55), rgba(240, 185, 166, 0) 60%), radial-gradient(ellipse at 10% 100%, rgba(159, 179, 160, 0.35), rgba(159, 179, 160, 0) 55%);
}
.entry-hero.page-hero-section .entry-header { min-height: 260px; justify-content: flex-end; padding-bottom: 36px; }
.entry-hero .entry-title { font-size: clamp(2.6rem, 6vw, 5rem); }

/* Galerías: tarjetas redondeadas con el nombre en la serif */
.wp-block-gallery.has-nested-images figure.wp-block-image { overflow: hidden; border-radius: var(--cn-radius); background: #fff; }
.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(43, 34, 32, 0.6), rgba(43, 34, 32, 0));
	font-family: var(--cn-display);
	font-size: clamp(1.1rem, 1.6vw, 1.4rem);
	padding: 34px 14px 14px;
}
.wp-block-gallery.has-nested-images figure.wp-block-image figcaption a { color: #fff; text-decoration: none; }

.wp-block-button__link, .button, button.button, input[type="submit"] { border-radius: 999px; font-family: var(--cn-sans); font-weight: 700; letter-spacing: 0.06em; }

/* Pie */
#colophon, .site-footer .site-footer-row-container-inner { background: var(--cn-ink); color: rgba(255, 255, 255, 0.65); }
.site-footer a { color: #fff; }
.site-footer a:hover { color: var(--cn-accent-on-dark); }