/* ==========================================================================
   Ysabel Hernandez — estilos del tema
   1. Base · 2. Componentes · 3. Cabecera · 4. Paneles · 5. Portada
   6. Productos · 7. Tienda WooCommerce · 8. Pie · 9. Páginas · 10. Movimiento
   ========================================================================== */

/* 1. Base ----------------------------------------------------------------- */

:root {
	--ink: #2b2a29;
	--ink-soft: #625d59;
	--cream: #faf6f1;
	--paper: #fff;
	--blush: #f3e3dc;
	--blush-deep: #e8cdc1;
	--rose: #a85e4b;
	--gold: #b08d57;
	--sage: #7d8f79;
	--line: #eadfd6;
	--ok: #2f7d57;
	--wa: #1faa59;

	--font-display: "Cormorant Garamond", "Times New Roman", serif;
	--font-body: "Montserrat", system-ui, -apple-system, "Segoe UI", sans-serif;

	--radius: 18px;
	--radius-sm: 10px;
	--shadow: 0 18px 40px -22px rgba(74, 48, 36, .35);
	--shadow-lg: 0 40px 80px -36px rgba(74, 48, 36, .45);
	--ease: cubic-bezier(.2, .7, .2, 1);
	--wrap: 1280px;
	--gutter: clamp(16px, 4vw, 40px);
}

*,
*::before,
*::after {
	box-sizing: border-box;
}

html {
	-webkit-text-size-adjust: 100%;
	scroll-behavior: smooth;
	scroll-padding-top: 140px;
}

body.yh {
	margin: 0;
	background: var(--cream);
	color: var(--ink);
	font-family: var(--font-body);
	font-size: 15.5px;
	line-height: 1.65;
	-webkit-font-smoothing: antialiased;
	overflow-x: hidden;
}

body.yh.is-locked {
	overflow: hidden;
}

:where(.yh img, .yh svg) {
	max-width: 100%;
	height: auto;
	vertical-align: middle;
}

:where(.yh a) {
	color: inherit;
	text-decoration: none;
}

.yh h1,
.yh h2,
.yh h3 {
	margin: 0 0 .5em;
	font-family: var(--font-display);
	font-weight: 600;
	line-height: 1.08;
	letter-spacing: -.01em;
	color: var(--ink);
	text-wrap: balance;
}

.yh h1 { font-size: clamp(2.3rem, 5vw, 4.2rem); }
.yh h2 { font-size: clamp(1.9rem, 3.2vw, 2.8rem); }
.yh h3 { font-size: 1.35rem; }

.yh p { margin: 0 0 1em; }

.yh :focus-visible {
	outline: 2px solid var(--rose);
	outline-offset: 3px;
	border-radius: 4px;
}

.yh ::selection {
	background: var(--blush-deep);
}

.screen-reader-text,
.yh-skip:not(:focus) {
	position: absolute !important;
	width: 1px;
	height: 1px;
	overflow: hidden;
	clip-path: inset(50%);
	white-space: nowrap;
}

.yh-skip:focus {
	position: fixed;
	z-index: 999;
	top: 10px;
	left: 10px;
	padding: 10px 16px;
	background: var(--ink);
	color: #fff;
	border-radius: 999px;
}

/* 2. Componentes ---------------------------------------------------------- */

.yh-container {
	width: 100%;
	max-width: calc(var(--wrap) + var(--gutter) * 2);
	margin-inline: auto;
	padding-inline: var(--gutter);
}

.yh-eyebrow {
	margin: 0 0 .9em;
	font-family: var(--font-body);
	font-size: .72rem;
	font-weight: 600;
	letter-spacing: .22em;
	text-transform: uppercase;
	color: var(--rose);
}

.yh [hidden] { display: none !important; }

.yh-icon { flex: none; }

.yh-btn,
body.yh .button,
body.yh .wp-element-button,
body.yh .wc-block-components-button:not(.is-link) {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: .55em;
	min-height: 46px;
	padding: .7em 1.6em;
	border: 1px solid var(--ink);
	border-radius: 999px;
	background: var(--ink) !important;
	color: #fff !important;
	font-family: var(--font-body);
	font-size: .82rem;
	font-weight: 600;
	letter-spacing: .08em;
	line-height: 1.2;
	text-transform: uppercase;
	text-align: center;
	cursor: pointer;
	transition: transform .25s var(--ease), box-shadow .25s var(--ease), background-color .25s, color .25s;
}

.yh-btn:hover,
body.yh .button:hover,
body.yh .wp-element-button:hover,
body.yh .wc-block-components-button:not(.is-link):hover {
	transform: translateY(-2px);
	box-shadow: 0 14px 26px -14px rgba(43, 42, 41, .7);
	background: #000 !important;
}

.yh-btn--lg {
	min-height: 54px;
	padding-inline: 2em;
	font-size: .86rem;
}

.yh-btn--ghost {
	background: transparent !important;
	color: var(--ink) !important;
}

.yh-btn--ghost:hover {
	background: var(--ink) !important;
	color: #fff !important;
}

.yh-btn--light {
	background: #fff !important;
	border-color: #fff;
	color: var(--ink) !important;
}

.yh-btn--light:hover {
	background: var(--cream) !important;
}

.yh-btn--wa {
	background: var(--wa) !important;
	border-color: var(--wa);
}

.yh-btn--wa:hover {
	background: #17924b !important;
}

body.yh .button.disabled,
body.yh .button:disabled {
	opacity: .45;
	cursor: not-allowed;
}

.yh-iconbtn {
	position: relative;
	display: inline-grid;
	place-items: center;
	width: 44px;
	height: 44px;
	padding: 0;
	border: 0;
	border-radius: 50%;
	background: transparent;
	color: var(--ink);
	cursor: pointer;
	transition: background-color .2s;
}

.yh-iconbtn:hover { background: var(--blush); }

.yh-iconbtn--line {
	border: 1px solid var(--line);
	background: rgba(255, 255, 255, .6);
}

.yh-leaf {
	color: var(--gold);
	opacity: .55;
	pointer-events: none;
}

.yh-empty {
	padding: 40px;
	border: 1px dashed var(--blush-deep);
	border-radius: var(--radius);
	text-align: center;
	color: var(--ink-soft);
}

.yh-empty a { text-decoration: underline; }

/* Inclinación 3D que sigue al puntero (la calcula main.js) */
[data-tilt] {
	transform: perspective(900px) rotateX(var(--rx, 0deg)) rotateY(var(--ry, 0deg));
	transform-style: preserve-3d;
	transition: transform .5s var(--ease), box-shadow .4s var(--ease);
}

[data-tilt].is-tilting {
	transition: transform .1s linear, box-shadow .4s var(--ease);
}

/* 3. Cabecera ------------------------------------------------------------- */

.yh-topbar {
	overflow: hidden;
	background: var(--ink);
	color: #f4ece6;
	font-size: .72rem;
	font-weight: 500;
	letter-spacing: .14em;
	text-transform: uppercase;
}

.yh-topbar__track {
	display: flex;
	width: max-content;
	animation: yh-marquee 60s linear infinite;
}

.yh-topbar:hover .yh-topbar__track { animation-play-state: paused; }

.yh-topbar__list {
	display: flex;
	gap: 56px;
	margin: 0;
	padding: 9px 28px;
	list-style: none;
	white-space: nowrap;
}

.yh-topbar__list li {
	display: flex;
	align-items: center;
	gap: 10px;
}

.yh-topbar .yh-icon { color: #d9b9a8; }

@keyframes yh-marquee {
	to { transform: translateX(-50%); }
}

.yh-header {
	position: sticky;
	top: 0;
	z-index: 60;
	background: rgba(250, 246, 241, .86);
	backdrop-filter: saturate(1.4) blur(16px);
	-webkit-backdrop-filter: saturate(1.4) blur(16px);
	border-bottom: 1px solid transparent;
	transition: border-color .3s, box-shadow .3s;
}

.admin-bar .yh-header { top: var(--wp-admin--admin-bar--height, 32px); }

.yh-header.is-stuck {
	border-color: var(--line);
	box-shadow: 0 10px 30px -24px rgba(74, 48, 36, .6);
}

.yh-header__row {
	display: grid;
	grid-template-columns: auto minmax(0, 1fr) auto;
	align-items: center;
	gap: clamp(12px, 3vw, 36px);
	padding-block: 8px;
}

.yh-header__burger,
.yh-search__close { display: none; }

.yh-logo { display: block; line-height: 0; }

body.yh .yh-logo__img {
	width: auto;
	height: 96px;
	transition: height .3s var(--ease);
}

body.yh .yh-header.is-stuck .yh-logo__img { height: 64px; }

.yh-search {
	position: relative;
	display: flex;
	align-items: center;
	gap: 10px;
	max-width: 560px;
	width: 100%;
	margin-inline: auto;
	padding: 0 18px;
	border: 1px solid var(--line);
	border-radius: 999px;
	background: var(--paper);
	transition: border-color .2s, box-shadow .2s;
}

.yh-search:focus-within {
	border-color: var(--blush-deep);
	box-shadow: 0 0 0 4px rgba(232, 205, 193, .45);
}

.yh-search > .yh-icon { color: var(--ink-soft); }

.yh-search input[type="search"] {
	flex: 1;
	min-width: 0;
	height: 46px;
	padding: 0;
	border: 0;
	outline: 0;
	background: transparent;
	color: var(--ink);
	font: inherit;
	font-size: .92rem;
	appearance: none;
}

.yh-search__results {
	position: absolute;
	top: calc(100% + 10px);
	left: 0;
	right: 0;
	z-index: 5;
	max-height: 70vh;
	overflow: auto;
	padding: 8px;
	border-radius: var(--radius);
	background: var(--paper);
	box-shadow: var(--shadow-lg);
}

.yh-search__item {
	display: grid;
	grid-template-columns: 54px 1fr;
	align-items: center;
	gap: 12px;
	padding: 8px;
	border-radius: 12px;
}

.yh-search__item:hover,
.yh-search__item:focus { background: var(--cream); }

body.yh .yh-search__item img {
	width: 54px;
	height: 54px;
	border-radius: 10px;
	object-fit: cover;
}

.yh-search__item strong {
	display: block;
	font-size: .86rem;
	font-weight: 600;
	line-height: 1.3;
}

.yh-search__item span { font-size: .82rem; color: var(--rose); }
.yh-search__item del { color: var(--ink-soft); opacity: .7; }
.yh-search__item ins { text-decoration: none; }

.yh-search__note {
	margin: 0;
	padding: 14px;
	font-size: .86rem;
	color: var(--ink-soft);
	text-align: center;
}

.yh-search__all {
	display: block;
	margin-top: 4px;
	padding: 12px;
	border-top: 1px solid var(--line);
	font-size: .78rem;
	font-weight: 600;
	letter-spacing: .08em;
	text-align: center;
	text-transform: uppercase;
}

.yh-header__actions {
	display: flex;
	align-items: center;
	gap: 2px;
}

.yh-cart-count {
	position: absolute;
	top: 2px;
	right: 0;
	display: grid;
	place-items: center;
	min-width: 19px;
	height: 19px;
	padding: 0 5px;
	border-radius: 999px;
	background: var(--rose);
	color: #fff;
	font-size: .66rem;
	font-weight: 700;
	line-height: 1;
}

.yh-cart-count[data-count="0"] { display: none; }

.yh-nav { border-top: 1px solid rgba(234, 223, 214, .7); }

.yh-menu {
	display: flex;
	flex-wrap: nowrap;
	justify-content: center;
	gap: 0 clamp(14px, 2.4vw, 34px);
	margin: 0;
	padding: 0;
	list-style: none;
}

.yh-menu li { position: relative; }

.yh-nav > .yh-container { position: relative; }

.yh-nav .yh-menu > li > a {
	position: relative;
	display: block;
	white-space: nowrap;
	padding: 13px 0;
	font-size: .76rem;
	font-weight: 600;
	letter-spacing: .14em;
	text-transform: uppercase;
}

.yh-nav .yh-menu > li > a::after {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	bottom: 8px;
	height: 1px;
	background: var(--rose);
	transform: scaleX(0);
	transform-origin: left;
	transition: transform .3s var(--ease);
}

.yh-nav .yh-menu > li:hover > a::after,
.yh-nav .yh-menu > li.current-menu-item > a::after { transform: scaleX(1); }

.yh-nav .sub-menu {
	position: absolute;
	top: 100%;
	left: 50%;
	z-index: 10;
	min-width: 230px;
	margin: 0;
	padding: 12px;
	list-style: none;
	border-radius: var(--radius);
	background: var(--paper);
	box-shadow: var(--shadow-lg);
	opacity: 0;
	visibility: hidden;
	transform: translate(-50%, 10px);
	transition: opacity .25s, transform .25s var(--ease), visibility .25s;
}

.yh-nav li:hover > .sub-menu,
.yh-nav li:focus-within > .sub-menu {
	opacity: 1;
	visibility: visible;
	transform: translate(-50%, 0);
}

.yh-nav .sub-menu a {
	display: block;
	padding: 9px 14px;
	border-radius: 10px;
	font-size: .88rem;
}

.yh-nav .sub-menu a:hover { background: var(--cream); color: var(--rose); }

.yh-nav .yh-menu > li.yh-mega { position: static; }

.yh-nav .yh-mega__panel {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 18px 28px;
	width: min(1080px, calc(100vw - var(--gutter) * 2));
	max-height: 70vh;
	padding: 28px 30px;
	overflow-y: auto;
}

.yh-nav .yh-mega__panel .yh-mega__title {
	padding: 0 0 8px;
	border-bottom: 1px solid var(--line);
	border-radius: 0;
	font-family: var(--font-display);
	font-size: 1.2rem;
	font-weight: 600;
	color: var(--ink);
}

.yh-mega__list {
	margin: 8px 0 0;
	padding: 0;
	list-style: none;
}

.yh-nav .yh-mega__list a {
	padding: 4px 0;
	border-radius: 0;
	font-size: .86rem;
	color: var(--ink-soft);
}

.yh-nav .yh-mega__list a:hover { background: none; }

/* Categoría con muchas subcategorías: panel ancho en tres columnas */
.yh-nav .sub-menu.yh-sub--wide {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 2px 24px;
	width: min(820px, calc(100vw - var(--gutter) * 2));
	padding: 22px 26px 26px;
}

.yh-nav .yh-sub__head {
	display: flex;
	grid-column: 1 / -1;
	align-items: baseline;
	justify-content: space-between;
	margin-bottom: 10px;
	padding: 0 14px 12px;
	border-bottom: 1px solid var(--line);
}

.yh-nav .yh-sub__head span {
	font-family: var(--font-display);
	font-size: 1.35rem;
	font-weight: 600;
}

.yh-nav .yh-sub__head a {
	padding: 0;
	font-size: .72rem;
	font-weight: 700;
	letter-spacing: .12em;
	text-transform: uppercase;
	color: var(--rose);
}

.yh-nav .yh-sub__head a:hover { background: none; text-decoration: underline; }

/* En el menú móvil las categorías ya están dentro de «Tienda» */
.yh-offcanvas .yh-menu__quick { display: none; }

.yh-offcanvas .yh-mega__list {
	margin: 0;
	padding: 0 0 6px 16px;
}

.yh-offcanvas .yh-mega__list a {
	padding: 8px 0;
	border-bottom: 0;
	font-family: var(--font-body);
	font-size: .9rem;
	font-weight: 400;
	color: var(--ink-soft);
}

/* 4. Paneles: menú móvil, carrito lateral --------------------------------- */

.yh-overlay {
	position: fixed;
	inset: 0;
	z-index: 80;
	background: rgba(43, 42, 41, .45);
	backdrop-filter: blur(3px);
	animation: yh-fade .25s both;
}

@keyframes yh-fade {
	from { opacity: 0; }
}

.yh-offcanvas,
.yh-drawer {
	position: fixed;
	top: 0;
	bottom: 0;
	z-index: 90;
	display: flex;
	flex-direction: column;
	width: min(420px, 92vw);
	background: var(--cream);
	box-shadow: var(--shadow-lg);
	visibility: hidden;
	transition: transform .4s var(--ease), visibility .4s;
}

.yh-offcanvas {
	left: 0;
	padding: 18px 22px 28px;
	overflow-y: auto;
	transform: translateX(-104%);
}

.yh-drawer {
	right: 0;
	transform: translateX(104%);
}

.admin-bar .yh-offcanvas,
.admin-bar .yh-drawer { top: var(--wp-admin--admin-bar--height, 32px); }

.yh-offcanvas.is-open,
.yh-drawer.is-open {
	visibility: visible;
	transform: none;
}

.yh-offcanvas__head,
.yh-drawer__head {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

body.yh .yh-offcanvas__logo { width: auto; height: 70px; }

.yh-offcanvas .yh-menu {
	display: block;
	margin: 18px 0 26px;
}

.yh-offcanvas .yh-menu a {
	display: block;
	padding: 14px 0;
	border-bottom: 1px solid var(--line);
	font-family: var(--font-display);
	font-size: 1.45rem;
	font-weight: 600;
}

.yh-offcanvas .sub-menu {
	margin: 0;
	padding: 0 0 0 16px;
	list-style: none;
}

.yh-offcanvas .sub-menu a {
	padding: 10px 0;
	font-family: var(--font-body);
	font-size: .95rem;
	font-weight: 500;
}

.yh-drawer__head {
	padding: 16px 22px;
	border-bottom: 1px solid var(--line);
	font-family: var(--font-display);
	font-size: 1.5rem;
}

.yh-ship {
	padding: 14px 22px;
	background: var(--blush);
	font-size: .84rem;
}

.yh-ship p { margin: 0 0 8px; }

.yh-ship__track {
	height: 6px;
	border-radius: 999px;
	background: rgba(255, 255, 255, .8);
	overflow: hidden;
}

.yh-ship__track span {
	display: block;
	height: 100%;
	border-radius: inherit;
	background: linear-gradient(90deg, var(--gold), var(--rose));
	transition: width .6s var(--ease);
}

.yh-drawer .widget_shopping_cart_content {
	display: flex;
	flex: 1;
	flex-direction: column;
	min-height: 0;
}

body.yh .yh-drawer ul.woocommerce-mini-cart {
	flex: 1;
	margin: 0;
	padding: 6px 22px;
	overflow-y: auto;
	list-style: none;
}

body.yh .yh-drawer .woocommerce-mini-cart-item {
	position: relative;
	display: block;
	min-height: 92px;
	margin: 0;
	padding: 16px 30px 16px 84px;
	border-bottom: 1px solid var(--line);
	font-size: .88rem;
	font-weight: 600;
	line-height: 1.35;
}

body.yh .yh-drawer .woocommerce-mini-cart-item img {
	position: absolute;
	top: 16px;
	left: 0;
	float: none;
	width: 68px;
	height: 68px;
	margin: 0;
	border-radius: 12px;
	object-fit: cover;
}

body.yh .yh-drawer .woocommerce-mini-cart-item a.remove {
	position: absolute;
	top: 14px;
	right: 0;
	left: auto;
	display: grid;
	place-items: center;
	width: 26px;
	height: 26px;
	border-radius: 50%;
	background: transparent;
	color: var(--ink-soft) !important;
	font-size: 1.3rem;
	font-weight: 400;
	line-height: 1;
}

body.yh .yh-drawer .woocommerce-mini-cart-item a.remove:hover {
	background: var(--blush);
	color: var(--ink) !important;
}

.yh-drawer .woocommerce-mini-cart-item .quantity {
	display: block;
	margin-top: 4px;
	font-weight: 500;
	color: var(--ink-soft);
}

.yh-drawer .woocommerce-mini-cart-item dl.variation {
	margin: 2px 0;
	font-size: .78rem;
	font-weight: 400;
	color: var(--ink-soft);
}

.yh-drawer .woocommerce-mini-cart__total {
	display: flex;
	justify-content: space-between;
	margin: 0;
	padding: 16px 22px 8px;
	border-top: 1px solid var(--line);
	font-size: 1rem;
}

.yh-drawer .woocommerce-mini-cart__buttons {
	display: grid;
	gap: 10px;
	margin: 0;
	padding: 8px 22px 22px;
}

body.yh .yh-drawer .woocommerce-mini-cart__buttons .button:not(.checkout) {
	order: 2;
	background: transparent !important;
	color: var(--ink) !important;
}

.yh-drawer .woocommerce-mini-cart__empty-message {
	margin: auto;
	padding: 40px 22px;
	font-family: var(--font-display);
	font-size: 1.5rem;
	text-align: center;
	color: var(--ink-soft);
}

/* 5. Portada -------------------------------------------------------------- */

.yh-hero {
	position: relative;
	padding: clamp(26px, 5vw, 64px) 0 clamp(28px, 4vw, 48px);
	overflow: hidden;
	background:
		radial-gradient(60% 80% at 82% 40%, rgba(243, 227, 220, .9), transparent 70%),
		linear-gradient(180deg, var(--cream), #fff 120%);
}

.yh-hero__bg {
	position: absolute;
	inset: 0;
	pointer-events: none;
}

.yh-hero__bg > * {
	position: absolute;
	translate: calc(var(--mx, 0) * var(--d, 0) * 1px) calc(var(--my, 0) * var(--d, 0) * 1px);
	transition: translate .6s var(--ease);
}

.yh-hero__blob {
	border-radius: 50%;
	filter: blur(60px);
}

.yh-hero__blob--a {
	top: -12%;
	right: 4%;
	width: 440px;
	height: 440px;
	background: rgba(232, 205, 193, .75);
}

.yh-hero__blob--b {
	bottom: -22%;
	left: -8%;
	width: 380px;
	height: 380px;
	background: rgba(176, 141, 87, .2);
}

.yh-hero__leafwrap--a {
	top: 6%;
	left: -30px;
	width: clamp(140px, 18vw, 260px);
	rotate: -18deg;
}

.yh-hero__leafwrap--b {
	right: -20px;
	bottom: 4%;
	width: clamp(150px, 20vw, 300px);
	rotate: 160deg;
}

.yh-hero__slides {
	position: relative;
	display: grid;
}

.yh-slide {
	grid-area: 1 / 1;
	display: grid;
	grid-template-columns: minmax(0, 1.05fr) minmax(0, 1fr);
	align-items: center;
	gap: clamp(24px, 5vw, 72px);
	opacity: 0;
	visibility: hidden;
	transition: opacity .7s var(--ease), visibility .7s;
}

.yh-slide.is-active {
	opacity: 1;
	visibility: visible;
}

.yh-slide__text > * {
	opacity: 0;
	transform: translateY(26px);
	transition: opacity .7s var(--ease), transform .7s var(--ease);
}

.yh-slide.is-active .yh-slide__text > * {
	opacity: 1;
	transform: none;
}

.yh-slide.is-active .yh-slide__text > :nth-child(2) { transition-delay: .08s; }
.yh-slide.is-active .yh-slide__text > :nth-child(3) { transition-delay: .16s; }
.yh-slide.is-active .yh-slide__text > :nth-child(4) { transition-delay: .24s; }

.yh .yh-slide__title {
	margin: 0 0 .35em;
	font-family: var(--font-display);
	font-size: clamp(2.5rem, 5.6vw, 4.7rem);
	font-weight: 600;
	line-height: 1.02;
	letter-spacing: -.015em;
	text-wrap: balance;
}

.yh-slide__lead {
	max-width: 46ch;
	font-size: clamp(1rem, 1.25vw, 1.12rem);
	color: var(--ink-soft);
}

.yh-slide__cta {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
	margin-top: 1.8em;
}

/* Escenario 3D del banner */
.yh-slide__visual { perspective: 1300px; }

.yh-stage {
	position: relative;
	width: min(100%, 520px);
	aspect-ratio: 1 / 1.06;
	margin-inline: auto;
	transform: rotateX(var(--rx, 0deg)) rotateY(var(--ry, 0deg));
	transform-style: preserve-3d;
	transition: transform .6s var(--ease);
}

.yh-stage.is-tilting { transition: transform .12s linear; }

.yh-stage__arch {
	position: absolute;
	inset: 5% 15% 0;
	border-radius: 999px 999px 30px 30px;
	background: linear-gradient(165deg, #fff 0%, var(--blush) 55%, var(--blush-deep) 100%);
	box-shadow: var(--shadow-lg);
	transform: translateZ(-70px);
}

.yh-stage__ring {
	position: absolute;
	inset: -1% 9% -5%;
	border: 1px solid rgba(176, 141, 87, .5);
	border-radius: 999px 999px 40px 40px;
	transform: translateZ(-20px);
}

.yh-stage__photo {
	position: absolute;
	inset: 5% 15% 0;
	border-radius: 999px 999px 30px 30px;
	overflow: hidden;
	box-shadow: var(--shadow-lg);
	transform: translateZ(20px);
}

body.yh .yh-stage__photo img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.yh-stage__logo {
	position: absolute;
	inset: 18% 20% 14%;
	display: grid;
	place-items: center;
	transform: translateZ(60px);
}

.yh-stage__chip {
	position: absolute;
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 10px 16px;
	border: 1px solid rgba(255, 255, 255, .9);
	border-radius: 999px;
	background: rgba(255, 255, 255, .78);
	backdrop-filter: blur(12px);
	-webkit-backdrop-filter: blur(12px);
	box-shadow: var(--shadow);
	font-size: .74rem;
	font-weight: 600;
	letter-spacing: .04em;
	white-space: nowrap;
	animation: yh-bob 7s ease-in-out infinite;
}

.yh-stage__chip .yh-icon { color: var(--rose); }
.yh-stage__chip--a { top: 22%; left: -2%; transform: translateZ(130px); }
.yh-stage__chip--b { right: -2%; bottom: 16%; transform: translateZ(100px); animation-delay: -3s; }

.yh-float {
	position: absolute;
	display: block;
	padding: 10px 10px 14px;
	border: 1px solid rgba(255, 255, 255, .9);
	border-radius: 22px;
	background: rgba(255, 255, 255, .84);
	backdrop-filter: blur(14px);
	-webkit-backdrop-filter: blur(14px);
	box-shadow: var(--shadow-lg);
	text-align: center;
	animation: yh-bob 7s ease-in-out infinite;
	transition: box-shadow .3s;
}

.yh-float:hover { box-shadow: 0 50px 90px -34px rgba(74, 48, 36, .6); }

.yh-float--1 { top: 6%; left: 27%; width: 46%; transform: translateZ(80px); }
.yh-float--2 { top: 40%; left: -3%; width: 35%; transform: translateZ(30px) rotate(-6deg); animation-delay: -2.3s; }
.yh-float--3 { top: 34%; right: -3%; width: 35%; transform: translateZ(140px) rotate(5deg); animation-delay: -4.6s; }

.yh-float__img {
	display: block;
	aspect-ratio: 1;
	margin-bottom: 10px;
	border-radius: 14px;
	overflow: hidden;
	background: var(--cream);
}

body.yh .yh-float__img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.yh-float__name {
	display: -webkit-box;
	overflow: hidden;
	font-size: .76rem;
	font-weight: 600;
	line-height: 1.3;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}

.yh-float__price {
	display: block;
	margin-top: 4px;
	font-size: .8rem;
	font-weight: 700;
	color: var(--rose);
}

.yh-float__price del { font-weight: 400; color: var(--ink-soft); opacity: .7; }
.yh-float__price ins { text-decoration: none; }

@keyframes yh-bob {
	50% { translate: 0 -14px; }
}

.yh-hero__nav {
	position: relative;
	display: flex;
	align-items: center;
	gap: 16px;
	margin-top: clamp(18px, 3vw, 34px);
}

.yh-hero__dots {
	display: flex;
	gap: 8px;
}

.yh-hero__dots button {
	width: 28px;
	height: 12px;
	padding: 0;
	border: 0;
	background: transparent;
	cursor: pointer;
}

.yh-hero__dots button::before {
	content: "";
	display: block;
	height: 3px;
	border-radius: 3px;
	background: var(--blush-deep);
	transition: background-color .3s;
}

.yh-hero__dots button.is-active::before { background: var(--ink); }

/* Franja de confianza */
.yh-trust {
	border-block: 1px solid var(--line);
	background: var(--paper);
}

.yh-trust__list {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 20px;
	margin: 0 auto;
	padding-block: 22px;
	list-style: none;
}

.yh-trust__list li {
	display: flex;
	align-items: center;
	gap: 14px;
}

.yh-trust__list .yh-icon { color: var(--rose); }

.yh-trust__list strong {
	display: block;
	font-size: .86rem;
	line-height: 1.3;
}

.yh-trust__list span {
	font-size: .78rem;
	color: var(--ink-soft);
}

/* Secciones */
.yh-section { padding-block: clamp(44px, 7vw, 92px) 0; }

.yh-section__head {
	margin-bottom: clamp(22px, 3vw, 38px);
	text-align: center;
}

.yh-section__head h2 { margin: 0; }

.yh-section__head--row {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-end;
	justify-content: space-between;
	gap: 18px;
	text-align: left;
}

.yh-section__more {
	margin: 28px 0 0;
	text-align: center;
}

/* Categorías */
.yh-cats {
	--gap: clamp(12px, 1.6vw, 22px);
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: var(--gap);
	margin: 0;
	padding: 0;
	list-style: none;
}

.yh-cats > li { flex: 0 1 calc((100% - (var(--cols, 6) - 1) * var(--gap)) / var(--cols, 6)); min-width: 150px; }

.yh-cat {
	display: block;
	height: 100%;
	padding: 12px 12px 18px;
	border-radius: var(--radius);
	background: var(--paper);
	box-shadow: 0 1px 0 var(--line);
	text-align: center;
}

.yh-cat:hover { box-shadow: var(--shadow-lg); }

.yh-cat__media {
	display: grid;
	place-items: center;
	aspect-ratio: 1;
	margin-bottom: 14px;
	border-radius: 12px;
	overflow: hidden;
	background: linear-gradient(150deg, var(--cream), var(--blush));
	transform: translateZ(26px);
}

body.yh .yh-cat__media img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform .8s var(--ease);
}

.yh-cat:hover .yh-cat__media img { transform: scale(1.07); }
.yh-cat__media .yh-leaf { width: 58%; opacity: .8; }

.yh-cat__name {
	display: block;
	font-family: var(--font-display);
	font-size: 1.3rem;
	font-weight: 600;
	line-height: 1.15;
	transform: translateZ(34px);
}

.yh-cat__count {
	font-size: .74rem;
	letter-spacing: .08em;
	text-transform: uppercase;
	color: var(--ink-soft);
}

/* Pestañas */
.yh-tabs {
	display: inline-flex;
	gap: 4px;
	padding: 4px;
	border-radius: 999px;
	background: var(--paper);
	box-shadow: inset 0 0 0 1px var(--line);
}

.yh-tabs button {
	padding: 9px 18px;
	border: 0;
	border-radius: 999px;
	background: transparent;
	color: var(--ink-soft);
	font: inherit;
	font-size: .78rem;
	font-weight: 600;
	letter-spacing: .06em;
	text-transform: uppercase;
	cursor: pointer;
	transition: background-color .25s, color .25s;
}

.yh-tabs button[aria-selected="true"] {
	background: var(--ink);
	color: #fff;
}

.yh-tabpanel:not([hidden]) { animation: yh-rise .5s var(--ease) both; }

@keyframes yh-rise {
	from { opacity: 0; transform: translateY(14px); }
}

/* Banners promocionales */
.yh-promos {
	display: grid;
	grid-template-columns: 1.25fr 1fr;
	gap: clamp(14px, 2vw, 26px);
}

.yh-promo {
	position: relative;
	display: flex;
	align-items: flex-end;
	min-height: clamp(240px, 28vw, 360px);
	padding: clamp(22px, 3vw, 40px);
	border-radius: 26px;
	overflow: hidden;
	background: linear-gradient(135deg, var(--blush), var(--blush-deep));
	box-shadow: var(--shadow);
}

.yh-promo--2 {
	background: linear-gradient(135deg, #34312f, #4b4440);
	color: #fff;
}

body.yh .yh-promo__img {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 1.2s var(--ease);
}

.yh-promo:hover .yh-promo__img { transform: scale(1.06); }

.yh-promo:has(.yh-promo__img)::after {
	content: "";
	position: absolute;
	inset: 0;
	background: linear-gradient(0deg, rgba(30, 24, 22, .7), rgba(30, 24, 22, 0) 62%);
}

.yh-promo:has(.yh-promo__img) { color: #fff; }

.yh-promo__leaf {
	position: absolute;
	top: 8%;
	right: -4%;
	width: 62%;
	opacity: .5;
}

.yh-promo--2 .yh-promo__leaf { color: #d9b9a8; opacity: .35; }

.yh-promo__body {
	position: relative;
	z-index: 1;
	display: block;
	max-width: 30ch;
	transform: translateZ(40px);
}

.yh-promo__title {
	display: block;
	margin-bottom: .2em;
	font-family: var(--font-display);
	font-size: clamp(1.9rem, 3vw, 2.7rem);
	font-weight: 600;
	line-height: 1.05;
}

.yh-promo__text {
	display: block;
	font-size: .95rem;
	opacity: .85;
}

.yh-promo__btn {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	margin-top: 16px;
	padding-bottom: 4px;
	border-bottom: 1px solid currentColor;
	font-size: .76rem;
	font-weight: 600;
	letter-spacing: .14em;
	text-transform: uppercase;
}

/* Marcas */
.yh-brands {
	margin-top: clamp(44px, 7vw, 92px);
	padding: 26px 0;
	border-block: 1px solid var(--line);
	overflow: hidden;
	background: var(--paper);
}

.yh .yh-brands__title {
	margin: 0 0 14px;
	font-family: var(--font-body);
	font-size: .72rem;
	text-align: center;
	color: var(--rose);
}

.yh-brands__track {
	display: flex;
	width: max-content;
	animation: yh-marquee 70s linear infinite;
}

.yh-brands:hover .yh-brands__track { animation-play-state: paused; }

.yh-brands ul {
	display: flex;
	gap: 64px;
	margin: 0;
	padding: 0 32px;
	list-style: none;
}

.yh-brands a {
	font-family: var(--font-display);
	font-size: clamp(1.5rem, 2.4vw, 2.1rem);
	font-style: italic;
	font-weight: 500;
	white-space: nowrap;
	color: var(--ink-soft);
	transition: color .2s;
}

.yh-brands a:hover { color: var(--rose); }

/* Sobre la tienda */
.yh-about {
	margin-top: clamp(44px, 7vw, 92px);
	padding-block: clamp(44px, 6vw, 84px);
	background: linear-gradient(180deg, #fff, var(--blush));
}

.yh-about__grid {
	display: grid;
	grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr);
	align-items: center;
	gap: clamp(24px, 6vw, 84px);
}

.yh-about__art {
	display: grid;
	place-items: center;
	aspect-ratio: 1;
	max-width: 460px;
	margin-inline: auto;
	padding: 12%;
	border-radius: 50%;
	background: radial-gradient(circle at 30% 25%, #fff, var(--cream) 60%, var(--blush) 100%);
	box-shadow: var(--shadow-lg), inset 0 0 0 1px rgba(255, 255, 255, .8);
}

.yh-about__logo { transform: translateZ(50px); }

.yh-about__text p { color: var(--ink-soft); }

.yh-about__cta {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
	margin-top: 1.6em;
}

/* Opiniones */
.yh-reviews {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: clamp(14px, 2vw, 24px);
	margin: 0;
	padding: 0;
	list-style: none;
}

.yh-review {
	padding: 26px;
	border-radius: var(--radius);
	background: var(--paper);
	box-shadow: 0 1px 0 var(--line);
}

.yh-review__stars { display: inline-flex; gap: 2px; color: var(--gold); }

.yh-review blockquote {
	margin: 14px 0;
	font-family: var(--font-display);
	font-size: 1.25rem;
	font-style: italic;
	line-height: 1.35;
}

.yh-review__by {
	margin: 0;
	font-size: .8rem;
	color: var(--ink-soft);
}

.yh-review__by a { text-decoration: underline; }

/* Preguntas frecuentes */
.yh-faq__list {
	max-width: 860px;
	margin-inline: auto;
}

.yh-faq__item { border-bottom: 1px solid var(--line); }

.yh-faq__item summary {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 18px;
	padding: 20px 4px;
	list-style: none;
	cursor: pointer;
}

.yh-faq__item summary::-webkit-details-marker { display: none; }

.yh .yh-faq__item h3 {
	margin: 0;
	font-size: clamp(1.25rem, 2vw, 1.5rem);
}

.yh-faq__item summary .yh-icon {
	color: var(--rose);
	transition: transform .3s var(--ease);
}

.yh-faq__item[open] summary .yh-icon { transform: rotate(45deg); }

.yh-faq__item > p {
	max-width: 70ch;
	margin: 0;
	padding: 0 4px 22px;
	color: var(--ink-soft);
}

/* Llamado final */
.yh-cta { padding-block: clamp(44px, 7vw, 92px); }

.yh-cta__box {
	position: relative;
	padding: clamp(36px, 6vw, 72px) 24px;
	border-radius: 30px;
	overflow: hidden;
	background: linear-gradient(135deg, #2b2a29, #4a403b);
	color: #fff;
	text-align: center;
}

.yh .yh-cta__box h2 { color: #fff; }
.yh-cta__box p { opacity: .82; }

.yh-cta__leaf {
	position: absolute;
	top: -10%;
	left: -4%;
	width: 340px;
	color: #d9b9a8;
	opacity: .3;
	rotate: -14deg;
}

.yh-home > :last-child:not(.yh-cta) { padding-bottom: clamp(44px, 7vw, 92px); }

/* 6. Productos ------------------------------------------------------------ */

body.yh ul.products {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: clamp(12px, 1.8vw, 26px);
	margin: 0;
	padding: 0;
	list-style: none;
}

body.yh ul.products::before,
body.yh ul.products::after { display: none; }

body.yh ul.products li.product {
	float: none !important;
	width: auto !important;
	margin: 0 !important;
	padding: 0;
	text-align: left;
}

/* Fila deslizable en la portada */
body.yh ul.products.yh-rail {
	grid-auto-flow: column;
	grid-auto-columns: calc((100% - 3 * clamp(12px, 1.8vw, 26px)) / 4);
	grid-template-columns: none;
	padding: 10px 4px 26px;
	margin-inline: -4px;
	overflow-x: auto;
	scroll-snap-type: x mandatory;
	scrollbar-width: thin;
	scrollbar-color: var(--blush-deep) transparent;
}

body.yh ul.products.yh-rail li.product { scroll-snap-align: start; }

.yh-card__inner {
	position: relative;
	display: flex;
	flex-direction: column;
	height: 100%;
	padding: 10px;
	border-radius: var(--radius);
	background: var(--paper);
	box-shadow: 0 1px 0 var(--line);
}

.yh-card__inner:hover { box-shadow: var(--shadow-lg); }

/* Brillo que sigue al puntero */
.yh-card__inner::after {
	content: "";
	position: absolute;
	inset: 0;
	border-radius: inherit;
	background: radial-gradient(circle at var(--gx, 50%) var(--gy, 0%), rgba(255, 255, 255, .55), transparent 46%);
	opacity: 0;
	pointer-events: none;
	transition: opacity .3s;
}

.yh-card__inner.is-tilting::after { opacity: 1; }

.yh-card__media {
	position: relative;
	display: block;
	aspect-ratio: 1;
	border-radius: 12px;
	overflow: hidden;
	background: var(--cream);
	transform: translateZ(22px);
}

body.yh .yh-card__media img {
	width: 100%;
	height: 100%;
	margin: 0;
	object-fit: cover;
	transition: transform .9s var(--ease);
}

.yh-card__inner:hover .yh-card__media img { transform: scale(1.06); }

.yh-badges {
	position: absolute;
	top: 10px;
	left: 10px;
	z-index: 2;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 6px;
}

.yh-badge {
	padding: 5px 10px;
	border-radius: 999px;
	font-size: .66rem;
	font-weight: 700;
	letter-spacing: .08em;
	line-height: 1;
	text-transform: uppercase;
}

.yh-badge--sale { background: var(--rose); color: #fff; }
.yh-badge--new { background: #fff; color: var(--ink); box-shadow: 0 0 0 1px var(--line); }
.yh-badge--out { background: var(--ink); color: #fff; }

.yh-card__body {
	display: flex;
	flex: 1;
	flex-direction: column;
	gap: 4px;
	padding: 14px 6px 14px;
}

.yh-card__brand {
	font-size: .66rem;
	font-weight: 600;
	letter-spacing: .16em;
	text-transform: uppercase;
	color: var(--rose);
}

body.yh .yh-card__title {
	margin: 0;
	padding: 0;
	font-family: var(--font-body);
	font-size: .88rem;
	font-weight: 500;
	line-height: 1.4;
	letter-spacing: 0;
	text-wrap: pretty;
}

.yh-card__title a {
	display: -webkit-box;
	overflow: hidden;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}

body.yh .yh-card .star-rating {
	margin: 2px 0;
	font-size: .78rem;
	color: var(--gold);
}

body.yh ul.products li.product .price,
body.yh .price {
	display: block;
	margin: auto 0 0;
	font-size: 1rem;
	font-weight: 700;
	color: var(--ink);
}

body.yh .price del {
	margin-right: 6px;
	font-size: .84em;
	font-weight: 400;
	color: var(--ink-soft);
	opacity: .75;
}

body.yh .price ins {
	color: var(--rose);
	text-decoration: none;
}

.yh-card__cta {
	position: relative;
	z-index: 2;
	transform: translateZ(30px);
}

/* Gana a ".woocommerce ul.products li.product .button" */
body.yh ul.products li.product .yh-card__cta .button {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	width: 100%;
	min-height: 44px;
	margin: 0;
	padding: 0 12px;
	border: 1px solid var(--ink);
	border-radius: 12px;
	background: var(--ink) !important;
	color: #fff !important;
	font-size: .72rem;
	font-weight: 600;
	letter-spacing: .08em;
	line-height: 1;
	white-space: nowrap;
	box-shadow: none;
	transition: background-color .25s, border-color .25s, transform .25s var(--ease);
}

/* Ícono de bolsa */
body.yh ul.products li.product .yh-card__cta .button::before {
	content: "";
	flex: none;
	width: 16px;
	height: 16px;
	background: currentColor;
	-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 8h14l-1 12.5H6L5 8Z'/%3E%3Cpath d='M9 8V6.5a3 3 0 0 1 6 0V8'/%3E%3C/svg%3E") center / contain no-repeat;
	mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 8h14l-1 12.5H6L5 8Z'/%3E%3Cpath d='M9 8V6.5a3 3 0 0 1 6 0V8'/%3E%3C/svg%3E") center / contain no-repeat;
}

body.yh ul.products li.product .yh-card__cta .button:hover {
	border-color: var(--rose);
	background: var(--rose) !important;
	transform: translateY(-1px);
}

/* Agotado o con opciones: botón secundario, sin bolsa */
body.yh ul.products li.product .yh-card__cta .button:not(.add_to_cart_button) {
	background: transparent !important;
	color: var(--ink) !important;
}

body.yh ul.products li.product .yh-card__cta .button:not(.add_to_cart_button)::before { display: none; }

body.yh ul.products li.product .yh-card__cta .button:not(.add_to_cart_button):hover {
	border-color: var(--ink);
	background: var(--ink) !important;
	color: #fff !important;
}

body.yh ul.products li.product .yh-card__cta .button.loading {
	opacity: .65;
	pointer-events: none;
}

body.yh ul.products li.product .yh-card__cta .button.added {
	border-color: var(--ok);
	background: var(--ok) !important;
}

body.yh ul.products li.product .yh-card__cta .button.loading::after,
body.yh ul.products li.product .yh-card__cta .button.added::after { display: none; }

.yh-card__cta .added_to_cart { display: none; }

/* 7. Tienda WooCommerce --------------------------------------------------- */

.yh-shop { padding-block: 22px clamp(44px, 7vw, 92px); }

.yh-crumbs {
	margin: 0 0 18px !important;
	font-size: .78rem !important;
	color: var(--ink-soft) !important;
}

.yh-crumbs a { color: var(--ink-soft) !important; }
.yh-crumbs a:hover { color: var(--rose) !important; }
.yh-crumbs__sep { margin: 0 8px; opacity: .5; }

.yh-catalog {
	display: grid;
	grid-template-columns: 250px minmax(0, 1fr);
	align-items: start;
	gap: clamp(20px, 3vw, 44px);
}

.yh-filters {
	position: sticky;
	top: 150px;
	padding: 22px;
	border-radius: var(--radius);
	background: var(--paper);
	box-shadow: 0 1px 0 var(--line);
}

.yh-filters__head { display: none; }

.yh-filter + .yh-filter {
	margin-top: 24px;
	padding-top: 22px;
	border-top: 1px solid var(--line);
}

.yh .yh-filter__title {
	margin: 0 0 12px;
	font-family: var(--font-body);
	font-size: .74rem;
	font-weight: 700;
	letter-spacing: .16em;
	text-transform: uppercase;
}

.yh-catlist,
.yh-catlist ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.yh-catlist ul { padding-left: 14px; }

.yh-catlist li {
	padding: 5px 0;
	font-size: .9rem;
	color: var(--ink-soft);
}

.yh-catlist a { color: var(--ink); }
.yh-catlist a:hover,
.yh-catlist .current-cat > a { color: var(--rose); font-weight: 600; }

body.yh .widget_price_filter .ui-slider { margin: 14px 8px 18px; background: var(--blush); }
body.yh .widget_price_filter .ui-slider .ui-slider-range,
body.yh .widget_price_filter .ui-slider .ui-slider-handle { background: var(--ink); }
body.yh .widget_price_filter .price_slider_amount { display: flex; flex-direction: column-reverse; gap: 10px; font-size: .84rem; text-align: left; }
body.yh .widget_price_filter .price_slider_amount .button { float: none; min-height: 38px; font-size: .72rem; }

.yh-shop .woocommerce-products-header { margin-bottom: 18px; }
.yh-shop .woocommerce-products-header__title { margin-bottom: .2em; }
.yh-shop .term-description { max-width: 78ch; color: var(--ink-soft); }

.yh-chips {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin: 14px 0 0;
	padding: 0;
	list-style: none;
}

.yh-chip {
	display: block;
	padding: 8px 16px;
	border: 1px solid var(--line);
	border-radius: 999px;
	background: var(--paper);
	font-size: .82rem;
	font-weight: 500;
	transition: border-color .2s, background-color .2s;
}

.yh-chip:hover { border-color: var(--ink); }

.yh-toolbar {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	margin-bottom: 18px;
}

.yh-toolbar__filter { display: none; }

body.yh .woocommerce-result-count {
	float: none;
	margin: 0;
	font-size: .82rem;
	color: var(--ink-soft);
}

body.yh .woocommerce-ordering {
	float: none;
	margin: 0;
}

body.yh select,
body.yh .woocommerce-ordering select {
	height: 44px;
	padding: 0 38px 0 16px;
	border: 1px solid var(--line);
	border-radius: 999px;
	background: var(--paper) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' fill='none' stroke='%232b2a29' stroke-width='1.6'%3E%3Cpath d='m1 1.500 5 5 5-5'/%3E%3C/svg%3E") no-repeat right 16px center;
	color: var(--ink);
	font: inherit;
	font-size: .84rem;
	appearance: none;
}

body.yh nav.woocommerce-pagination,
.yh .pagination {
	margin-top: 36px;
	text-align: center;
}

body.yh nav.woocommerce-pagination ul {
	display: inline-flex;
	gap: 6px;
	margin: 0;
	border: 0;
}

body.yh nav.woocommerce-pagination ul li { border: 0; }

body.yh nav.woocommerce-pagination ul li a,
body.yh nav.woocommerce-pagination ul li span,
.yh .pagination .page-numbers {
	display: inline-grid;
	place-items: center;
	min-width: 42px;
	height: 42px;
	padding: 0 12px;
	border-radius: 999px;
	background: var(--paper);
	color: var(--ink);
	font-size: .86rem;
	font-weight: 600;
}

body.yh nav.woocommerce-pagination ul li span.current,
.yh .pagination .page-numbers.current {
	background: var(--ink);
	color: #fff;
}

/* Avisos */
body.yh .woocommerce-message,
body.yh .woocommerce-info,
body.yh .woocommerce-error {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 12px;
	margin: 0 0 22px;
	padding: 14px 20px;
	border: 0;
	border-left: 3px solid var(--ok);
	border-radius: var(--radius-sm);
	background: var(--paper);
	color: var(--ink);
	font-size: .9rem;
	list-style: none;
}

body.yh .woocommerce-message::before,
body.yh .woocommerce-info::before,
body.yh .woocommerce-error::before { display: none; }

body.yh .woocommerce-info { border-left-color: var(--gold); }
body.yh .woocommerce-error { border-left-color: #b3372f; }

body.yh .woocommerce-message .button,
body.yh .woocommerce-info .button {
	order: 2;
	min-height: 36px;
	margin-left: auto;
	padding: .4em 1.2em;
	font-size: .72rem;
}

/* Ficha de producto */
body.yh.single-product div.product {
	position: relative;
	display: grid;
	grid-template-columns: minmax(0, 1.05fr) minmax(0, 1fr);
	align-items: start;
	gap: clamp(22px, 4vw, 64px);
}

body.yh.single-product div.product > .yh-badges {
	top: 18px;
	left: 18px;
}

body.yh.single-product div.product .woocommerce-product-gallery,
body.yh.single-product div.product .summary {
	float: none;
	width: auto;
	margin: 0;
}

body.yh.single-product .woocommerce-product-gallery__wrapper,
body.yh.single-product .woocommerce-product-gallery .flex-viewport {
	border-radius: 24px;
	overflow: hidden;
	background: var(--paper);
}

body.yh.single-product .woocommerce-product-gallery img { width: 100%; }

body.yh.single-product .woocommerce-product-gallery .flex-control-thumbs {
	display: grid;
	grid-template-columns: repeat(5, 1fr);
	gap: 10px;
	margin: 12px 0 0;
	padding: 0;
}

body.yh.single-product .woocommerce-product-gallery .flex-control-thumbs li {
	float: none;
	width: auto;
	list-style: none;
}

body.yh.single-product .woocommerce-product-gallery .flex-control-thumbs img {
	border-radius: 12px;
	cursor: pointer;
}

body.yh.single-product div.product .woocommerce-tabs,
body.yh.single-product div.product .related,
body.yh.single-product div.product .upsells {
	grid-column: 1 / -1;
	width: 100%;
}

.yh .yh-single__brand { margin-bottom: .6em; }

body.yh.single-product .product_title {
	margin-bottom: .3em;
	font-size: clamp(2rem, 3.6vw, 3.1rem);
}

body.yh.single-product .summary .woocommerce-product-rating { margin-bottom: 10px; }
body.yh .star-rating { color: var(--gold); }
body.yh .star-rating::before { color: var(--blush-deep); }

body.yh.single-product .summary p.price {
	margin: 0 0 16px;
	font-size: 1.7rem;
	color: var(--ink);
}

body.yh.single-product .woocommerce-product-details__short-description { color: var(--ink-soft); }

body.yh.single-product form.cart {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
	margin: 22px 0 14px;
}

body.yh.single-product form.cart::before,
body.yh.single-product form.cart::after { display: none; }

body.yh.single-product form.cart.variations_form { display: block; }

body.yh.single-product form.cart .woocommerce-variation-add-to-cart {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
}

body.yh .quantity .qty {
	width: 84px;
	height: 54px;
	padding: 0 8px;
	border: 1px solid var(--line);
	border-radius: 999px;
	background: var(--paper);
	color: var(--ink);
	font: inherit;
	font-weight: 600;
	text-align: center;
}

body.yh.single-product form.cart .quantity {
	float: none;
	margin: 0;
}

body.yh.single-product form.cart .single_add_to_cart_button {
	flex: 1;
	float: none;
	min-width: 200px;
	min-height: 54px;
	font-size: .86rem;
}

body.yh.single-product table.variations {
	margin-bottom: 14px;
	border: 0;
}

body.yh.single-product table.variations th,
body.yh.single-product table.variations td {
	display: block;
	padding: 0 0 8px;
	border: 0;
	text-align: left;
}

body.yh.single-product table.variations label {
	font-size: .74rem;
	font-weight: 700;
	letter-spacing: .14em;
	text-transform: uppercase;
}

body.yh .stock {
	font-size: .84rem;
	font-weight: 600;
	color: var(--ok);
}

body.yh .stock.out-of-stock { color: #b3372f; }

.yh .summary .yh-btn--wa { width: 100%; }

.yh-assure {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 10px;
	margin: 18px 0;
	padding: 16px;
	border-radius: var(--radius);
	background: var(--paper);
	list-style: none;
}

.yh-assure li {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 6px;
	font-size: .74rem;
	font-weight: 600;
	line-height: 1.3;
	text-align: center;
}

.yh-assure .yh-icon { color: var(--rose); }

body.yh.single-product .product_meta {
	padding-top: 16px;
	border-top: 1px solid var(--line);
	font-size: .8rem;
	color: var(--ink-soft);
}

body.yh.single-product .product_meta > span { display: block; }
body.yh.single-product .product_meta a { text-decoration: underline; }

body.yh.single-product .woocommerce-tabs ul.tabs {
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
	margin: 0 0 22px;
	padding: 0;
	border-bottom: 1px solid var(--line);
	overflow: visible;
}

body.yh.single-product .woocommerce-tabs ul.tabs::before,
body.yh.single-product .woocommerce-tabs ul.tabs li::before,
body.yh.single-product .woocommerce-tabs ul.tabs li::after { display: none; }

body.yh.single-product .woocommerce-tabs ul.tabs li {
	margin: 0 0 -1px;
	padding: 0;
	border: 0;
	border-bottom: 2px solid transparent;
	border-radius: 0;
	background: transparent;
}

body.yh.single-product .woocommerce-tabs ul.tabs li.active { border-bottom-color: var(--ink); }

body.yh.single-product .woocommerce-tabs ul.tabs li a {
	padding: 14px 16px;
	color: var(--ink-soft);
	font-size: .78rem;
	font-weight: 600;
	letter-spacing: .1em;
	text-transform: uppercase;
}

body.yh.single-product .woocommerce-tabs ul.tabs li.active a { color: var(--ink); }

body.yh.single-product .woocommerce-Tabs-panel {
	max-width: 860px;
	margin: 0;
	color: var(--ink-soft);
}

body.yh.single-product .woocommerce-Tabs-panel h2 { font-size: 1.7rem; }

body.yh.single-product .related > h2,
body.yh.single-product .upsells > h2 {
	margin: clamp(30px, 5vw, 60px) 0 22px;
	text-align: center;
}

body.yh table.shop_attributes th,
body.yh table.shop_attributes td {
	padding: 10px 12px;
	border-color: var(--line);
	font-style: normal;
}

/* Barra de compra fija (móvil) */
.yh-stickybuy {
	position: fixed;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 55;
	display: flex;
	align-items: center;
	gap: 14px;
	padding: 10px var(--gutter) calc(10px + env(safe-area-inset-bottom));
	border-top: 1px solid var(--line);
	background: rgba(255, 255, 255, .94);
	backdrop-filter: blur(14px);
	animation: yh-rise .35s var(--ease) both;
}

.yh-stickybuy__info {
	flex: 1;
	min-width: 0;
}

.yh-stickybuy__name {
	display: block;
	overflow: hidden;
	font-size: .82rem;
	font-weight: 600;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.yh-stickybuy__price { font-size: .86rem; font-weight: 700; color: var(--rose); }
.yh-stickybuy__price del { font-weight: 400; color: var(--ink-soft); }
.yh-stickybuy__price ins { text-decoration: none; }

/* Formularios (cuenta, carrito y pago clásicos) */
body.yh .woocommerce form .form-row input.input-text,
body.yh .woocommerce form .form-row textarea,
body.yh .yh-prose input[type="text"],
body.yh .yh-prose input[type="email"],
body.yh .yh-prose input[type="tel"],
body.yh .yh-prose input[type="password"],
body.yh .yh-prose textarea {
	padding: 12px 16px;
	border: 1px solid var(--line);
	border-radius: var(--radius-sm);
	background: var(--paper);
	color: var(--ink);
	font: inherit;
}

body.yh table.shop_table {
	border: 1px solid var(--line);
	border-radius: var(--radius);
	background: var(--paper);
}

body.yh .woocommerce-MyAccount-navigation ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

body.yh .woocommerce-MyAccount-navigation a {
	display: block;
	padding: 12px 16px;
	border-radius: var(--radius-sm);
}

body.yh .woocommerce-MyAccount-navigation .is-active a { background: var(--paper); font-weight: 600; }

/* 8. Pie ------------------------------------------------------------------ */

.yh-footer {
	position: relative;
	overflow: hidden;
	background: #262524;
	color: #cfc6bf;
	font-size: .9rem;
}

.yh-footer__leaf {
	position: absolute;
	right: -40px;
	bottom: 30px;
	width: 380px;
	color: #d9b9a8;
	opacity: .12;
	rotate: -8deg;
}

.yh-footer__grid {
	position: relative;
	display: grid;
	grid-template-columns: 1.5fr 1fr 1fr 1.2fr;
	gap: clamp(24px, 4vw, 60px);
	padding-block: clamp(40px, 6vw, 76px) 34px;
}

body.yh .yh-footer__logo {
	width: auto;
	height: 120px;
	margin: -10px 0 10px -8px;
}

.yh-footer__brand p { max-width: 38ch; }

.yh .yh-footer h2 {
	margin: 0 0 16px;
	font-family: var(--font-body);
	font-size: .74rem;
	font-weight: 700;
	letter-spacing: .18em;
	text-transform: uppercase;
	color: #fff;
}

.yh-footer ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.yh-footer__col li { padding: 5px 0; }
.yh-footer a { transition: color .2s; }
.yh-footer a:hover { color: #fff; }

.yh-footer__contact li {
	display: flex;
	align-items: flex-start;
	gap: 10px;
}

.yh-footer__contact .yh-icon { margin-top: 3px; color: #d9b9a8; }

.yh-socials {
	display: flex;
	gap: 8px;
	margin-top: 18px !important;
}

.yh-socials a {
	display: grid;
	place-items: center;
	width: 42px;
	height: 42px;
	border: 1px solid rgba(255, 255, 255, .18);
	border-radius: 50%;
	transition: background-color .2s, color .2s;
}

.yh-socials a:hover { background: #fff; color: var(--ink); }

.yh-footer__bottom {
	position: relative;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	gap: 8px 24px;
	padding-block: 20px;
	border-top: 1px solid rgba(255, 255, 255, .1);
	font-size: .78rem;
}

.yh-footer__bottom p { margin: 0; }
.yh-footer__pay { display: flex; align-items: center; gap: 8px; }

.yh-footer__credit {
	flex-basis: 100%;
	text-align: center;
	opacity: .8;
}

.yh-footer__credit a {
	color: #fff;
	font-weight: 600;
	text-decoration: underline;
	text-underline-offset: 3px;
}

.yh-tabbar { display: none; }

.yh-wafloat {
	position: fixed;
	right: 20px;
	bottom: 20px;
	z-index: 50;
	display: grid;
	place-items: center;
	width: 58px;
	height: 58px;
	border-radius: 50%;
	background: var(--wa);
	color: #fff !important;
	box-shadow: 0 16px 30px -12px rgba(31, 170, 89, .8);
	transition: transform .25s var(--ease);
}

.yh-wafloat:hover { transform: scale(1.08) rotate(-6deg); }

/* 9. Páginas -------------------------------------------------------------- */

.yh-page { padding-block: clamp(28px, 5vw, 60px) clamp(44px, 7vw, 92px); }
.yh-page--narrow { max-width: calc(820px + var(--gutter) * 2); }
.yh-page__head { margin-bottom: 26px; }
.yh-page__head h1 { font-size: clamp(2.1rem, 4.4vw, 3.4rem); }

.yh-prose > * { max-width: 100%; }
.yh-prose a:not(.button):not(.yh-btn):not(.wp-element-button) { text-decoration: underline; text-underline-offset: 3px; }
.yh-prose h2 { margin-top: 1.4em; }
.yh-prose img { border-radius: var(--radius); }
.yh-prose .alignwide { margin-inline: 0; }

.yh-posts {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: clamp(16px, 2.4vw, 30px);
}

.yh-post {
	border-radius: var(--radius);
	overflow: hidden;
	background: var(--paper);
}

body.yh .yh-post__media img {
	width: 100%;
	aspect-ratio: 16 / 10;
	object-fit: cover;
}

.yh-post__body { padding: 20px; }
.yh .yh-post__body h2 { font-size: 1.6rem; }
.yh-post__hero img { width: 100%; border-radius: 24px; }
.yh-post__hero { margin: 0 0 28px; }

.yh-404 { text-align: center; }

/* 10. Movimiento y adaptación --------------------------------------------- */

.js [data-reveal] {
	opacity: 0;
	translate: 0 26px;
	transition: opacity .8s var(--ease), translate .8s var(--ease);
}

.js [data-reveal].is-in {
	opacity: 1;
	translate: 0 0;
}

@media (max-width: 1100px) {
	body.yh ul.products { grid-template-columns: repeat(3, minmax(0, 1fr)); }
	body.yh ul.products.yh-rail { grid-auto-columns: calc((100% - 2 * clamp(12px, 1.8vw, 26px)) / 3); }
	.yh-footer__grid { grid-template-columns: 1fr 1fr; }
	.yh-trust__list { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 900px) {
	html { scroll-padding-top: 90px; }

	.yh-header__burger { display: inline-grid; justify-self: start; }

	/* Menú a la izquierda, logo al centro exacto, carrito a la derecha */
	.yh-header__row {
		position: relative;
		grid-template-columns: 1fr auto 1fr;
	}

	.yh-logo { justify-self: center; }
	.yh-header__actions { justify-self: end; }
	body.yh .yh-logo__img { height: 62px; }
	body.yh .yh-header.is-stuck .yh-logo__img { height: 54px; }
	.yh-header__account,
	.yh-nav { display: none; }

	/* El buscador se abre desde la barra inferior y ocupa la cabecera */
	.yh-search {
		position: absolute;
		top: 50%;
		left: var(--gutter);
		right: var(--gutter);
		z-index: 3;
		width: auto;
		max-width: none;
		margin: 0;
		padding-right: 4px;
		box-shadow: var(--shadow);
		opacity: 0;
		visibility: hidden;
		transform: translateY(calc(-50% - 8px));
		transition: opacity .2s, transform .2s var(--ease);
	}

	.yh-header.is-searching .yh-search {
		opacity: 1;
		visibility: visible;
		transform: translateY(-50%);
	}

	.yh-header.is-searching .yh-logo,
	.yh-header.is-searching .yh-header__burger,
	.yh-header.is-searching .yh-header__actions { visibility: hidden; }

	.yh-search__close { display: inline-grid; }
	.yh-search input[type="search"]::-webkit-search-cancel-button { display: none; }
	.yh-search input[type="search"] { height: 50px; font-size: 1rem; }

	.yh-slide {
		grid-template-columns: 1fr;
		text-align: center;
	}

	.yh-slide__lead { margin-inline: auto; }
	.yh-slide__cta { justify-content: center; }
	.yh-stage { width: min(78%, 360px); }
	.yh-hero__nav { justify-content: center; }
	.yh-hero__leafwrap--a { top: 0; opacity: .6; }

	.yh-cats > li { flex-basis: calc((100% - 2 * var(--gap)) / 3); }

	/* Beneficios como tarjetas */
	.yh-trust {
		padding-top: 18px;
		border: 0;
		background: transparent;
	}

	.yh-trust__list {
		grid-template-columns: repeat(2, 1fr);
		gap: 12px;
		padding-block: 0;
	}

	.yh-trust__list li {
		flex-direction: column;
		gap: 10px;
		padding: 18px 12px 16px;
		border-radius: var(--radius);
		background: var(--paper);
		box-shadow: 0 1px 0 var(--line), 0 14px 30px -24px rgba(74, 48, 36, .5);
		text-align: center;
	}

	.yh-trust__list .yh-icon {
		box-sizing: content-box;
		width: 24px;
		height: 24px;
		padding: 13px;
		border-radius: 50%;
		background: linear-gradient(150deg, var(--cream), var(--blush));
	}

	.yh-trust__list strong { font-size: .84rem; }

	.yh-trust__list span {
		display: block;
		margin-top: 3px;
		font-size: .72rem;
		line-height: 1.35;
	}
	.yh-promos,
	.yh-about__grid { grid-template-columns: 1fr; }
	.yh-about__art { max-width: 280px; }
	.yh-about__text { text-align: center; }
	.yh-about__cta { justify-content: center; }
	.yh-reviews,
	.yh-posts { grid-template-columns: 1fr; }
	.yh-section__head--row { justify-content: center; text-align: center; }
	.yh-section__head--row > div { width: 100%; }

	.yh-catalog { grid-template-columns: 1fr; }
	.yh-toolbar__filter { display: inline-flex; min-height: 44px; }

	.yh-filters {
		position: fixed;
		top: 0;
		bottom: 0;
		left: 0;
		z-index: 90;
		width: min(360px, 90vw);
		border-radius: 0;
		overflow-y: auto;
		visibility: hidden;
		transform: translateX(-104%);
		transition: transform .4s var(--ease), visibility .4s;
	}

	.yh-filters.is-open {
		visibility: visible;
		transform: none;
	}

	.yh-filters__head {
		display: flex;
		align-items: center;
		justify-content: space-between;
		margin-bottom: 14px;
		font-family: var(--font-display);
		font-size: 1.5rem;
	}

	body.yh.single-product div.product { grid-template-columns: 1fr; }

	/* Barra de navegación inferior tipo app */
	.yh-tabbar {
		position: fixed;
		right: 0;
		bottom: 0;
		left: 0;
		z-index: 50;
		display: grid;
		grid-auto-columns: 1fr;
		grid-auto-flow: column;
		padding: 6px 6px calc(6px + env(safe-area-inset-bottom));
		border-top: 1px solid var(--line);
		background: rgba(255, 255, 255, .94);
		backdrop-filter: blur(14px);
		-webkit-backdrop-filter: blur(14px);
	}

	.yh-tabbar a,
	.yh-tabbar button {
		position: relative;
		display: flex;
		flex-direction: column;
		align-items: center;
		gap: 2px;
		padding: 6px 0;
		border: 0;
		background: transparent;
		color: var(--ink);
		font: inherit;
		font-size: .64rem;
		font-weight: 600;
		letter-spacing: .04em;
		cursor: pointer;
	}

	.yh-tabbar .yh-cart-count {
		top: 0;
		right: calc(50% - 22px);
	}

	body.yh { padding-bottom: 66px; }
	.yh-wafloat { bottom: 82px; right: 14px; width: 52px; height: 52px; }
	.yh-stickybuy { bottom: 64px; }
}

@media (max-width: 700px) {
	body.yh ul.products { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	body.yh ul.products.yh-rail { grid-auto-columns: 46%; }
	.yh-tabs { max-width: 100%; }
	.yh-tabs button { padding: 9px 12px; font-size: .68rem; letter-spacing: .03em; white-space: nowrap; }
	.yh-card__inner { padding: 8px; }
	.yh-card__body { padding: 10px 4px 8px; }
	body.yh ul.products li.product .yh-card__cta .button { gap: 6px; padding: 0 6px; font-size: .64rem; letter-spacing: .03em; }
	body.yh ul.products li.product .yh-card__cta .button::before { width: 14px; height: 14px; }
	.yh-cats > li { flex-basis: calc((100% - var(--gap)) / 2); min-width: 0; }
	.yh-footer__grid { grid-template-columns: 1fr; }
	.yh-stage__chip { font-size: .66rem; padding: 8px 12px; }
	.yh-assure { grid-template-columns: 1fr; }
	.yh-assure li { flex-direction: row; text-align: left; }
}

@media (min-width: 901px) {
	.yh-stickybuy { display: none !important; }
}

/* 11. Blog ---------------------------------------------------------------- */

.yh-bloghead {
	position: relative;
	padding: clamp(36px, 6vw, 76px) 0 clamp(26px, 4vw, 44px);
	overflow: hidden;
	background:
		radial-gradient(60% 90% at 85% 20%, rgba(243, 227, 220, .95), transparent 70%),
		linear-gradient(180deg, var(--cream), #fff 130%);
	text-align: center;
}

.yh-bloghead__leaf {
	position: absolute;
	top: 10%;
	left: -30px;
	width: clamp(140px, 18vw, 260px);
	rotate: -18deg;
}

.yh-bloghead .yh-container { position: relative; }
.yh-bloghead h1 { margin-bottom: .3em; }

.yh-bloghead__intro {
	max-width: 62ch;
	margin-inline: auto;
	font-size: clamp(1rem, 1.2vw, 1.1rem);
	color: var(--ink-soft);
}

.yh-bloghead__chips {
	justify-content: center;
	margin-top: 22px;
}

.yh-chip.is-active {
	border-color: var(--ink);
	background: var(--ink);
	color: #fff;
}

.yh-blog__list { padding-top: clamp(28px, 4vw, 52px); }

.yh-postgrid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: clamp(16px, 2.4vw, 32px);
}

.yh-postcard {
	display: flex;
	flex-direction: column;
	border-radius: 22px;
	overflow: hidden;
	background: var(--paper);
	box-shadow: 0 1px 0 var(--line);
}

.yh-postcard:hover { box-shadow: var(--shadow-lg); }

.yh-postcard__media {
	display: grid;
	place-items: center;
	aspect-ratio: 16 / 10;
	overflow: hidden;
	background: linear-gradient(150deg, var(--cream), var(--blush) 60%, var(--blush-deep));
}

.yh-postcard__media .yh-leaf {
	width: 46%;
	opacity: .8;
	transition: transform 1s var(--ease);
}

.yh-postcard:hover .yh-postcard__media .yh-leaf { transform: scale(1.08) rotate(-4deg); }

body.yh .yh-postcard__media img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 1s var(--ease);
}

.yh-postcard:hover .yh-postcard__media img { transform: scale(1.05); }

.yh-postcard__body {
	display: flex;
	flex: 1;
	flex-direction: column;
	padding: 22px 24px 24px;
}

.yh-postcard__meta {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 6px 12px;
	margin: 0 0 10px;
	font-size: .72rem;
	letter-spacing: .06em;
	color: var(--ink-soft);
}

.yh-postcard__cat {
	font-weight: 700;
	letter-spacing: .16em;
	text-transform: uppercase;
	color: var(--rose);
}

.yh .yh-postcard__title {
	margin: 0 0 .45em;
	font-size: 1.55rem;
	line-height: 1.14;
}

.yh-postcard__title a { transition: color .2s; }
.yh-postcard__title a:hover { color: var(--rose); }

.yh-postcard__excerpt {
	margin: 0 0 18px;
	font-size: .92rem;
	color: var(--ink-soft);
}

.yh-postcard__more {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	margin-top: auto;
	font-size: .74rem;
	font-weight: 700;
	letter-spacing: .14em;
	text-transform: uppercase;
}

.yh-postcard__more .yh-icon { transition: transform .3s var(--ease); }
.yh-postcard__more:hover .yh-icon { transform: translateX(5px); }

/* Artículo destacado: imagen grande a la izquierda */
.yh-postcard--featured {
	display: grid;
	grid-template-columns: minmax(0, 1.15fr) minmax(0, 1fr);
	margin-bottom: clamp(16px, 2.4vw, 32px);
	border-radius: 28px;
}

.yh-postcard--featured .yh-postcard__media {
	aspect-ratio: auto;
	min-height: clamp(260px, 30vw, 420px);
}

.yh-postcard--featured .yh-postcard__body {
	justify-content: center;
	padding: clamp(24px, 4vw, 56px);
}

.yh .yh-postcard--featured .yh-postcard__title { font-size: clamp(1.9rem, 3.2vw, 2.9rem); }
.yh-postcard--featured .yh-postcard__excerpt { font-size: 1rem; }
.yh-postcard--featured .yh-postcard__more { margin-top: 6px; }

.yh-cta__box .yh-cta__btns {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 12px;
	margin: 0;
	opacity: 1;
}

/* Artículo */
.yh-article__head {
	max-width: calc(820px + var(--gutter) * 2);
	padding-top: clamp(22px, 4vw, 46px);
	text-align: center;
}

.yh-article__head h1 { font-size: clamp(2.2rem, 4.8vw, 3.8rem); }

.yh-article__meta {
	display: flex;
	justify-content: center;
	gap: 10px;
	font-size: .8rem;
	letter-spacing: .06em;
	color: var(--ink-soft);
}

.yh-article__hero {
	max-width: calc(1040px + var(--gutter) * 2);
	margin: clamp(18px, 3vw, 34px) auto 0;
}

body.yh .yh-article__hero img {
	width: 100%;
	max-height: 560px;
	border-radius: 28px;
	object-fit: cover;
	box-shadow: var(--shadow-lg);
}

.yh-article__body {
	max-width: calc(720px + var(--gutter) * 2);
	padding-top: clamp(24px, 4vw, 44px);
}

.yh-article__content {
	font-size: 1.06rem;
	line-height: 1.85;
	color: #3d3a38;
}

.yh-article__content > p:first-of-type::first-letter {
	float: left;
	margin: .08em .12em 0 0;
	font-family: var(--font-display);
	font-size: 4.2em;
	font-weight: 600;
	line-height: .8;
	color: var(--rose);
}

.yh .yh-article__content h2 {
	margin-top: 1.6em;
	font-size: clamp(1.7rem, 2.6vw, 2.2rem);
}

.yh .yh-article__content h3 {
	margin-top: 1.4em;
	font-size: 1.45rem;
}

.yh-article__content ul,
.yh-article__content ol { padding-left: 1.3em; }

.yh-article__content li { margin-bottom: .5em; }
.yh-article__content li::marker { color: var(--rose); }

.yh-article__content blockquote {
	margin: 1.8em 0;
	padding: 6px 0 6px 24px;
	border-left: 2px solid var(--gold);
	font-family: var(--font-display);
	font-size: 1.5rem;
	font-style: italic;
	line-height: 1.35;
	color: var(--ink);
}

.yh-article__content blockquote p { margin: 0; }

.yh-share {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 10px;
	margin-top: 36px;
	padding-top: 22px;
	border-top: 1px solid var(--line);
	font-size: .74rem;
	font-weight: 700;
	letter-spacing: .16em;
	text-transform: uppercase;
}

.yh-share__btn {
	display: inline-grid;
	place-items: center;
	min-width: 44px;
	height: 44px;
	padding: 0 12px;
	border: 1px solid var(--line);
	border-radius: 999px;
	background: var(--paper);
	color: var(--ink);
	font: inherit;
	cursor: pointer;
	transition: border-color .2s, background-color .2s, color .2s;
}

.yh-share__btn:hover {
	border-color: var(--ink);
	background: var(--ink);
	color: #fff;
}

.yh-share__copy {
	padding: 0 18px;
	letter-spacing: .1em;
}

.yh-article__comments {
	max-width: calc(720px + var(--gutter) * 2);
	padding-top: 40px;
}

@media (max-width: 900px) {
	.yh-postgrid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.yh-postcard--featured { grid-template-columns: 1fr; }

	.yh-postcard--featured .yh-postcard__media {
		min-height: 0;
		aspect-ratio: 16 / 10;
	}
}

@media (max-width: 700px) {
	.yh-postgrid { grid-template-columns: 1fr; }
	.yh-article__content { font-size: 1rem; }
}