/*
 * Catálogo editorial de la portada.
 * Deliberadamente limitado a body.home para no alterar tienda ni archivos.
 */
.home .woocommerce ul.products.columns-4 {
	--grid-columns-gap: 16px;
	--grid-rows-gap: 20px;
	align-items: stretch;
}

.home .woocommerce ul.products li.product {
	display: flex;
	height: 100%;
	min-width: 0;
	flex-direction: column;
	padding: 13px 13px 16px !important;
	overflow: hidden !important;
	border: 1px solid #e7ebe9;
	border-radius: 14px !important;
	background: #fff !important;
	box-shadow: 0 2px 10px rgba(17, 24, 21, .035) !important;
	transition: border-color .22s ease, box-shadow .22s ease, transform .22s ease !important;
}

.home .woocommerce ul.products li.product:hover {
	z-index: 2;
	border-color: #d6deda;
	box-shadow: 0 14px 34px rgba(17, 24, 21, .09) !important;
	transform: translateY(-3px);
}

.home .woocommerce ul.products li.product > .woocommerce-loop-product__link {
	display: flex;
	min-width: 0;
	flex: 1 1 auto;
	flex-direction: column;
	color: #161c19;
	text-decoration: none;
}

/* Todas las fotos ocupan el mismo escenario, sin importar su proporción original. */
.home .woocommerce ul.products li.product .woocommerce-loop-product__link > img {
	width: 100% !important;
	height: auto !important;
	margin: 0 0 15px !important;
	padding: clamp(12px, 1.25vw, 20px);
	aspect-ratio: 4 / 3;
	object-fit: contain !important;
	background: #f7f8f7;
	border-radius: 10px;
	transform: none !important;
	transition: transform .25s ease !important;
}

.home .woocommerce ul.products li.product:hover .woocommerce-loop-product__link > img {
	transform: scale(1.018) !important;
}

.home .woocommerce ul.products li.product .woocommerce-loop-product__title {
	display: -webkit-box !important;
	min-height: 2.75em;
	margin: 0 2px 10px !important;
	overflow: hidden;
	color: #181e1b;
	font-family: Inter, sans-serif;
	font-size: clamp(.8rem, .82vw, .91rem) !important;
	font-weight: 600 !important;
	letter-spacing: -.018em;
	line-height: 1.38 !important;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}

.home .woocommerce ul.products li.product .price {
	display: block !important;
	min-height: 3.6em;
	margin: auto 2px 0 !important;
	color: #101613 !important;
	font-family: Inter, sans-serif;
	font-size: clamp(.92rem, 1vw, 1.08rem) !important;
	font-weight: 650 !important;
	letter-spacing: -.025em;
	line-height: 1.3 !important;
}

.home .woocommerce ul.products li.product .price .sale-price {
	display: inline-flex;
	flex-wrap: wrap;
	align-items: baseline;
	gap: 5px;
}

.home .woocommerce ul.products li.product .price del {
	color: #9aa39f !important;
	font-size: .7em;
	font-weight: 400;
	opacity: 1 !important;
}

.home .woocommerce ul.products li.product .price ins {
	color: #101613 !important;
	font-weight: 650 !important;
	text-decoration: none !important;
}

.home .woocommerce ul.products li.product .woocommerce-price-suffix {
	margin-top: 5px !important;
	color: #959e9a !important;
	font-size: .62rem !important;
	font-weight: 400 !important;
	letter-spacing: 0;
	line-height: 1.3 !important;
}

.home .products .novu-discount-percent {
	margin-inline-start: 5px;
	padding: 2px 6px;
	background: #e9f7ef;
	color: #16824b;
	font-size: .61rem;
	font-weight: 650;
}

/* Etiquetas compactas: informan sin dominar la tarjeta. */
.home .woocommerce ul.products li.product .novu-instock-badge,
.home .woocommerce ul.products li.product .novu-outofstock-badge,
.home .woocommerce ul.products li.product .onsale {
	left: 20px !important;
	padding: 3px 7px !important;
	border: 1px solid rgba(18, 129, 73, .12) !important;
	border-radius: 99px !important;
	font-size: .55rem !important;
	font-weight: 650 !important;
	letter-spacing: .045em !important;
	line-height: 1.25 !important;
	box-shadow: none !important;
}

.home .woocommerce ul.products li.product .novu-instock-badge,
.home .woocommerce ul.products li.product .novu-outofstock-badge { top: 20px !important; }
.home .woocommerce ul.products li.product .onsale { top: 45px !important; background: #18b866 !important; color: #fff !important; }

/* La marca queda como único metadato secundario visible. */
.home .woocommerce ul.products li.product .meta-categories { display: none !important; }
.home .woocommerce ul.products li.product .sp-smart-brand-single-product {
	margin: 11px 2px 0;
	padding-top: 10px;
	border-top: 1px solid #eef1ef;
	color: #9aa29f;
	font-size: .66rem;
	line-height: 1.35;
}

.home .woocommerce ul.products li.product .sp-smart-brand-content-wrapper {
	display: flex;
	flex-wrap: wrap;
	align-items: baseline;
	gap: 4px;
}

.home .woocommerce ul.products li.product .sp-smart-brand-name { display: inline; }
.home .woocommerce ul.products li.product .sp-brand-name { color: #159554 !important; font-weight: 500; text-decoration: none; }

/* Encabezados de ambos listados con una misma jerarquía editorial. */
.home .stk-c934cac,
.home .novu-home-section-heading {
	margin-top: clamp(34px, 4vw, 56px) !important;
	margin-bottom: 17px !important;
}

.home #los-mas-elegidos-por-nuestra-comunidad .stk-block-heading__text,
.home .novu-home-section-heading .wp-block-heading {
	margin: 0 !important;
	color: #141a17;
	font-family: Inter, sans-serif;
	font-size: clamp(1.42rem, 2vw, 1.85rem) !important;
	font-weight: 600 !important;
	letter-spacing: -.04em;
	line-height: 1.12;
}

.home .stk-6cf7637 .stk-button,
.home .novu-home-view-all {
	display: inline-flex !important;
	min-height: 0 !important;
	align-items: center;
	gap: 7px;
	padding: 6px 0 !important;
	border: 0 !important;
	border-radius: 0 !important;
	background: transparent !important;
	box-shadow: none !important;
	color: #2d3833 !important;
	font-family: Inter, sans-serif;
	font-size: .78rem !important;
	font-weight: 500 !important;
	line-height: 1 !important;
	text-decoration: none;
	transition: color .18s ease, transform .18s ease !important;
}

.home .stk-6cf7637 .stk-button::before,
.home .stk-6cf7637 .stk-button::after { display: none !important; }
.home .stk-6cf7637 .stk-button__inner-text { color: inherit !important; font-size: inherit !important; font-weight: inherit !important; }
.home .stk-6cf7637 .stk-button__inner-text::after,
.home .novu-home-view-all::after { margin-left: 5px; color: #18a95d; content: '→'; }

.home .stk-6cf7637 .stk-button:hover,
.home .stk-6cf7637 .stk-button:focus-visible,
.home .novu-home-view-all:hover,
.home .novu-home-view-all:focus-visible {
	color: #11924f !important;
	opacity: 1;
	transform: translateX(2px);
}

@media (max-width: 689px) {
	.home .woocommerce ul.products.columns-4 { --grid-columns-gap: 10px; --grid-rows-gap: 12px; }
	.home .woocommerce ul.products li.product { padding: 9px 9px 12px !important; border-radius: 11px !important; }
	.home .woocommerce ul.products li.product .woocommerce-loop-product__link > img { margin-bottom: 11px !important; padding: 9px; border-radius: 8px; }
	.home .woocommerce ul.products li.product .woocommerce-loop-product__title { margin-bottom: 8px !important; font-size: .73rem !important; }
	.home .woocommerce ul.products li.product .price { min-height: 3.4em; font-size: .84rem !important; }
	.home .woocommerce ul.products li.product .woocommerce-price-suffix { font-size: .56rem !important; }
	.home .woocommerce ul.products li.product .novu-instock-badge,
	.home .woocommerce ul.products li.product .novu-outofstock-badge,
	.home .woocommerce ul.products li.product .onsale { left: 14px !important; }
	.home .woocommerce ul.products li.product .novu-instock-badge,
	.home .woocommerce ul.products li.product .novu-outofstock-badge { top: 14px !important; }
	.home .woocommerce ul.products li.product .onsale { top: 37px !important; }
	.home .woocommerce ul.products li.product .sp-smart-brand-single-product { margin-top: 8px; padding-top: 8px; font-size: .58rem; }
	.home .stk-c934cac,
	.home .novu-home-section-heading { margin-top: 32px !important; margin-bottom: 13px !important; }
	.home #los-mas-elegidos-por-nuestra-comunidad .stk-block-heading__text,
	.home .novu-home-section-heading .wp-block-heading { font-size: 1.2rem !important; }
}

@media (prefers-reduced-motion: reduce) {
	.home .woocommerce ul.products li.product,
	.home .woocommerce ul.products li.product .woocommerce-loop-product__link > img { transition: none !important; }
}