/* =====================================================================
   Luis Rico · Rediseño de listados (CRO)
   Se carga solo cuando lr_cro_on() (vista previa o publicado).
   Lo carga wp-content/novamira-sandbox/luisrico-cro-listados.php
   ===================================================================== */

body.lr-cro {
	--lr-ink: #1d1a17;
	--lr-ink-2: #4a443f;
	--lr-muted: #7d756e;
	--lr-line: #ece7e2;
	--lr-sand: #f4f1ed;
	--lr-blush: #fbe9e5;
	--lr-blush-2: #f5d5ce;
	--lr-red: #dc5046;
	--lr-red-ink: #c23b31;
}

/* ---------------------------------------------------------------------
   Cinta superior (toda la web)
   --------------------------------------------------------------------- */
.lr-cinta {
	display: flex;
	justify-content: center;
	gap: 36px;
	width: 100%;
	font-size: 13px;
	font-weight: 600;
	line-height: 30px;
	color: #fff;
	white-space: nowrap;
}
.lr-cinta__item { display: inline-flex; align-items: center; gap: 8px; }
.lr-cinta__item svg { width: 16px; height: 16px; flex: none; }
.lr-cinta a { color: #fff; text-decoration: none; }
.lr-cinta a:hover { text-decoration: underline; }

@media (max-width: 768px) {
	.lr-cinta { position: relative; display: block; height: 30px; font-size: 12px; }
	.lr-cinta__item {
		position: absolute; inset: 0; justify-content: center;
		opacity: 0; animation: lr-cinta-turno 12s infinite;
	}
	.lr-cinta__item:nth-child(2) { animation-delay: 4s; }
	.lr-cinta__item:nth-child(3) { animation-delay: 8s; }
}
@keyframes lr-cinta-turno {
	0%, 4% { opacity: 0; transform: translateY(6px); }
	8%, 30% { opacity: 1; transform: none; }
	34%, 100% { opacity: 0; transform: translateY(-6px); }
}
@media (max-width: 768px) and (prefers-reduced-motion: reduce) {
	.lr-cinta__item { animation: none; }
	.lr-cinta__item:first-child { opacity: 1; }
}

/* ---------------------------------------------------------------------
   Rejilla: 4 columnas en escritorio
   --------------------------------------------------------------------- */
@media (min-width: 922px) {
	body.lr-cro-listado.woocommerce ul.products.columns-4,
	body.lr-cro-listado .woocommerce ul.products.columns-4 {
		grid-template-columns: repeat(4, minmax(0, 1fr));
		column-gap: 22px;
		row-gap: 34px;
	}
}

/* Sin la animacion de aparicion, aunque quede alguna clase por cache */
body.lr-cro-listado ul.products li.product.ast-fade-up { opacity: 1 !important; transform: none !important; }

/* ---------------------------------------------------------------------
   Tarjeta
   --------------------------------------------------------------------- */
body.lr-cro-listado ul.products li.product .astra-shop-thumbnail-wrap {
	position: relative;
	aspect-ratio: 1 / 1;
	border-radius: 12px;
	overflow: hidden;
	background: var(--lr-sand);
}
body.lr-cro-listado ul.products li.product .astra-shop-thumbnail-wrap > a.woocommerce-LoopProduct-link {
	display: block;
	width: 100%;
	height: 100%;
}
body.lr-cro-listado.woocommerce ul.products li.product .astra-shop-thumbnail-wrap img,
body.lr-cro-listado .woocommerce ul.products li.product .astra-shop-thumbnail-wrap img {
	width: 100% !important;
	height: 100% !important;
	max-height: none !important;
	object-fit: contain !important;
	mix-blend-mode: multiply;
	margin: 0 !important;
}

/* Etiquetas: la propia en lugar de NOVEDAD y del circulo de descuento de Astra */
body.lr-cro-listado ul.products li.product .ast-onsale-card,
body.lr-cro-listado ul.products li.product .onsale,
body.lr-cro-listado ul.products li.product .lr-badge-new { display: none !important; }

.lr-cro-badge {
	position: absolute;
	z-index: 6;
	top: 12px;
	left: 12px;
	padding: 4px 10px;
	border-radius: 999px;
	font-size: 11.5px;
	font-weight: 600;
	line-height: 1.4;
	letter-spacing: 0;
	pointer-events: none;
}
.lr-cro-badge--rebaja { background: var(--lr-red); color: #fff; }
.lr-cro-badge--ultimas { background: #fff; color: var(--lr-red-ink); box-shadow: inset 0 0 0 1px var(--lr-blush-2); }
.lr-cro-badge--top { background: var(--lr-ink); color: #fff; }
.lr-cro-badge--nuevo { background: #fff; color: var(--lr-ink); box-shadow: inset 0 0 0 1px #d9d3cd; }

/* Texto */
body.lr-cro-listado ul.products li.product .astra-shop-summary-wrap { padding-top: 12px; }

body.lr-cro-listado.woocommerce ul.products li.product .ast-woo-product-category,
body.lr-cro-listado .woocommerce ul.products li.product .ast-woo-product-category {
	display: block;
	min-height: 16px;
	margin: 0 0 2px;
	font-size: 11px;
	font-weight: 500;
	line-height: 16px;
	letter-spacing: .08em;
	text-transform: uppercase;
	color: var(--lr-muted);
}

body.lr-cro-listado.woocommerce ul.products li.product .woocommerce-loop-product__title,
body.lr-cro-listado .woocommerce ul.products li.product .woocommerce-loop-product__title {
	margin: 0;
	padding: 0;
	font-size: 14.5px;
	font-weight: 400;
	line-height: 1.4;
	color: var(--lr-ink);
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
body.lr-cro-listado ul.products li.product .ast-loop-product__link:hover .woocommerce-loop-product__title {
	text-decoration: underline;
	text-underline-offset: 3px;
}

body.lr-cro-listado.woocommerce ul.products li.product .price,
body.lr-cro-listado .woocommerce ul.products li.product .price {
	display: flex;
	flex-wrap: wrap;
	align-items: baseline;
	gap: 0 8px;
	margin: 6px 0 0;
	font-size: 18px;
	font-weight: 700;
	line-height: 1.3;
	letter-spacing: -.01em;
	color: var(--lr-ink);
}
body.lr-cro-listado ul.products li.product .price ins {
	order: 1;
	text-decoration: none;
	font-weight: 700;
	color: var(--lr-red-ink);
	background: none;
}
body.lr-cro-listado ul.products li.product .price del {
	order: 2;
	font-size: 13px;
	font-weight: 400;
	color: var(--lr-muted);
	opacity: 1;
}
body.lr-cro-listado ul.products li.product .price .woocommerce-price-suffix { display: none; }

.lr-cro-tallas {
	display: flex;
	flex-wrap: wrap;
	gap: 2px 7px;
	margin-top: 6px;
	font-size: 12px;
	line-height: 1.4;
	color: var(--lr-muted);
}
.lr-cro-tallas__lbl { margin-right: 1px; }
.lr-cro-tallas.is-pocas { color: var(--lr-red-ink); font-weight: 500; }

/* ---------------------------------------------------------------------
   Cabecera de categoria
   --------------------------------------------------------------------- */
body.lr-cro-cat .woocommerce-products-header { margin-bottom: 8px; }
body.lr-cro-cat .woocommerce-products-header__title.page-title {
	margin: 4px 0 6px;
	font-size: 34px;
	font-weight: 600;
	line-height: 1.15;
	letter-spacing: -.02em;
	color: var(--lr-ink);
}
body.lr-cro-cat .term-description {
	max-width: 90ch;
	font-size: 14.5px;
	line-height: 1.6;
	color: var(--lr-ink-2);
}
body.lr-cro-cat .term-description p { margin: 0; }
body.lr-cro-cat .term-description.lr-cro-recortada:not(.is-abierta) p {
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}
.lr-cro-leer {
	margin: 2px 0 0;
	padding: 0;
	border: 0;
	background: none;
	font: inherit;
	font-size: 14px;
	font-weight: 600;
	color: var(--lr-ink);
	text-decoration: underline;
	text-underline-offset: 3px;
	cursor: pointer;
}
.lr-cro-leer:hover, .lr-cro-leer:focus { background: none; color: var(--lr-red-ink); }

.lr-cro-ventajas {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin: 14px 0 0;
	padding: 0;
	list-style: none;
}
.lr-cro-ventajas li {
	display: flex;
	align-items: center;
	gap: 10px;
	margin: 0;
	padding: 9px 14px 9px 12px;
	border-radius: 12px;
	background: var(--lr-sand);
	line-height: 1.25;
}
.lr-cro-ventajas svg { width: 22px; height: 22px; flex: none; color: var(--lr-red-ink); }
.lr-cro-ventajas b { display: block; font-size: 13px; font-weight: 600; color: var(--lr-ink); }
.lr-cro-ventajas small { display: block; font-size: 12px; color: var(--lr-muted); }

/* ---------------------------------------------------------------------
   Circulos (solo Mujer)
   --------------------------------------------------------------------- */
body.lr-cro-circulos .lr-chips--filtros,
body.lr-cro-mujer .lr-mujer-cats { display: none !important; }

.lr-cro-circ { margin: 18px 0 4px; }
.lr-cro-circ__lista {
	display: flex;
	gap: 12px;
	margin: 0;
	padding: 4px 2px 8px;
	list-style: none;
	overflow-x: auto;
	scroll-snap-type: x proximity;
	scrollbar-width: none;
	-webkit-mask-image: linear-gradient(to right, #000 calc(100% - 48px), transparent);
	mask-image: linear-gradient(to right, #000 calc(100% - 48px), transparent);
}
.lr-cro-circ__lista::-webkit-scrollbar { display: none; }
.lr-cro-circ__item { flex: none; margin: 0; scroll-snap-align: start; }
.lr-cro-circ__item a { display: grid; justify-items: center; gap: 8px; width: 92px; text-decoration: none; }
.lr-cro-circ__img {
	display: grid;
	place-items: center;
	width: 84px;
	height: 84px;
	border-radius: 50%;
	overflow: hidden;
	background: var(--lr-sand);
	transition: transform .2s ease, box-shadow .2s ease;
}
.lr-cro-circ__img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transform: scale(1.12);
	mix-blend-mode: multiply;
}
.lr-cro-circ__img--todo { font-size: 13px; font-weight: 600; color: var(--lr-ink-2); }
.lr-cro-circ__txt { font-size: 12.5px; line-height: 1.2; text-align: center; color: var(--lr-ink-2); }
.lr-cro-circ__item a:hover .lr-cro-circ__img { transform: translateY(-2px); }
.lr-cro-circ__item.is-activo .lr-cro-circ__img { box-shadow: 0 0 0 2px #fff, 0 0 0 4px var(--lr-red); }
.lr-cro-circ__item.is-activo .lr-cro-circ__txt { font-weight: 600; color: var(--lr-ink); }
.lr-cro-circ__sep {
	flex: none;
	align-self: center;
	margin: 0 2px 22px;
	padding-left: 8px;
	border-left: 1px solid var(--lr-line);
	writing-mode: vertical-rl;
	transform: rotate(180deg);
	font-size: 10.5px;
	letter-spacing: .12em;
	text-transform: uppercase;
	color: var(--lr-muted);
}

/* Accesos rapidos (solo Mujer) */
.lr-cro-accesos {
	display: flex;
	gap: 8px;
	margin: 8px 0 0;
	overflow-x: auto;
	scrollbar-width: none;
}
.lr-cro-accesos::-webkit-scrollbar { display: none; }
.lr-cro-acceso {
	flex: none;
	display: inline-flex;
	align-items: center;
	gap: 8px;
	height: 36px;
	padding: 0 14px;
	border: 1px solid var(--lr-line);
	border-radius: 999px;
	background: #fff;
	font-size: 13px;
	color: var(--lr-ink);
	text-decoration: none;
	white-space: nowrap;
}
.lr-cro-acceso b { font-weight: 600; }
.lr-cro-acceso small { font-size: 12px; color: var(--lr-muted); }
.lr-cro-acceso:hover { border-color: var(--lr-ink); color: var(--lr-ink); }
.lr-cro-acceso--rebajas { border-color: var(--lr-blush-2); background: var(--lr-blush); color: var(--lr-red-ink); }
.lr-cro-acceso--rebajas:hover { color: var(--lr-red-ink); }
.lr-cro-acceso.is-activo { border-color: var(--lr-ink); background: var(--lr-ink); color: #fff; }
.lr-cro-acceso.is-activo small { color: #cfc8c2; }

/* ---------------------------------------------------------------------
   Selector rapido de talla
   --------------------------------------------------------------------- */
.lr-cro-tallasbar {
	display: flex;
	align-items: center;
	gap: 14px;
	margin: 14px 0 6px;
	min-width: 0;
}
.lr-cro-tallasbar__lbl { flex: none; font-size: 13px; font-weight: 600; color: var(--lr-ink); }
.lr-cro-tallasbar__lista { display: flex; gap: 6px; min-width: 0; overflow-x: auto; scrollbar-width: none; }
.lr-cro-tallasbar__lista::-webkit-scrollbar { display: none; }
.lr-cro-talla {
	flex: none;
	display: grid;
	place-items: center;
	min-width: 44px;
	height: 38px;
	padding: 0 10px;
	border-radius: 999px;
	background: #f1eeea;
	font-size: 13.5px;
	font-weight: 500;
	color: var(--lr-ink);
	text-decoration: none;
	transition: background .15s ease, color .15s ease;
}
.lr-cro-talla:hover { background: #e7e2dd; color: var(--lr-ink); }
.lr-cro-talla.is-activa { background: var(--lr-ink); color: #fff; }

/* ---------------------------------------------------------------------
   Tarjeta "Dudas de talla"
   --------------------------------------------------------------------- */
body.lr-cro-cat ul.products li.lr-cro-promo {
	grid-column: 1 / -1;
	display: grid;
	grid-template-columns: auto minmax(0, 1fr) auto;
	align-items: center;
	gap: 24px;
	width: auto;
	margin: 0;
	padding: 26px 32px;
	border-radius: 18px;
	background: radial-gradient(120% 140% at 100% 0%, #fff3ef 0, transparent 60%), var(--lr-blush);
	list-style: none;
}
.lr-cro-promo__icono {
	display: grid;
	place-items: center;
	width: 64px;
	height: 64px;
	border-radius: 50%;
	background: #fff;
	color: var(--lr-red-ink);
}
.lr-cro-promo__icono svg { width: 34px; height: 34px; }
.lr-cro-promo__texto p { margin: 4px 0 0; max-width: 62ch; font-size: 14px; line-height: 1.55; color: var(--lr-ink-2); }
.lr-cro-promo__texto .lr-cro-promo__titulo { margin: 0; font-size: 20px; font-weight: 600; line-height: 1.25; letter-spacing: -.01em; color: var(--lr-ink); }
.lr-cro-promo__boton {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	height: 46px;
	padding: 0 22px;
	border-radius: 999px;
	background: var(--lr-ink);
	color: #fff;
	font-size: 14px;
	font-weight: 500;
	text-decoration: none;
	white-space: nowrap;
}
.lr-cro-promo__boton:hover, .lr-cro-promo__boton:focus { background: #000; color: #fff; }
.lr-cro-promo__boton svg { width: 20px; height: 20px; }

/* ---------------------------------------------------------------------
   Cargar mas con progreso
   --------------------------------------------------------------------- */
.lr-cro-progreso { display: grid; justify-items: center; gap: 10px; margin: 40px 0 12px; }
.lr-cro-progreso__txt { font-size: 13px; color: var(--lr-muted); }
.lr-cro-progreso__barra { width: 220px; height: 3px; border-radius: 2px; background: var(--lr-line); overflow: hidden; }
.lr-cro-progreso__barra i { display: block; height: 100%; background: var(--lr-ink); transition: width .3s ease; }
body.lr-cro-listado .ast-shop-pagination-infinite .ast-shop-load-more {
	display: inline-flex;
	align-items: center;
	height: 46px;
	padding: 0 30px;
	border: 1px solid var(--lr-ink);
	border-radius: 999px;
	background: #fff;
	color: var(--lr-ink);
	font-size: 14px;
	font-weight: 500;
}
body.lr-cro-listado .ast-shop-pagination-infinite .ast-shop-load-more:hover { background: var(--lr-ink); color: #fff; }

/* ---------------------------------------------------------------------
   Ajustes tras revisar en la web
   --------------------------------------------------------------------- */
/* Filas: el margen de Astra (40px) se suma al hueco de la rejilla */
body.lr-cro-listado ul.products li.product { margin-bottom: 0 !important; }
body.lr-cro-listado.woocommerce ul.products,
body.lr-cro-listado .woocommerce ul.products { row-gap: 34px; }

/* Cinta: el elemento HTML de Astra mete separacion en los enlaces */
.lr-cinta a { margin: 0 !important; padding: 0 !important; }

/* Barra de herramientas en escritorio */
@media (min-width: 922px) {
	body.lr-cro-listado .ast-shop-toolbar-container { margin: 10px 0 0; }
	body.lr-cro-listado .astra-shop-filter-button {
		display: inline-flex; align-items: center; gap: 8px;
		height: 40px; padding: 0 18px;
		border: 1px solid #d9d3cd; border-radius: 999px;
		background: #fff; color: var(--lr-ink);
		font-size: 13.5px; font-weight: 500; text-transform: none; letter-spacing: 0;
	}
	body.lr-cro-listado .astra-shop-filter-button:hover { border-color: var(--lr-ink); background: #fff; color: var(--lr-ink); }
	body.lr-cro-listado .astra-shop-filter-button svg { fill: currentColor; width: 14px; height: 14px; }
	body.lr-cro-listado .woocommerce-ordering select.orderby {
		height: 40px; padding: 0 36px 0 16px;
		border: 1px solid #d9d3cd; border-radius: 999px;
		background-color: #fff; color: var(--lr-ink); font-size: 13.5px; font-weight: 500;
	}
	body.lr-cro-listado .ast-shop-toolbar-container .woocommerce-result-count { font-size: 13px; color: var(--lr-muted); }
}

/* Panel de filtros: tallas */
.lr-cro-ftallas { margin: 0 0 18px; }
.lr-cro-ftallas .wp-block-heading { margin: 0 0 12px; }
.lr-cro-ftallas__lista { display: grid; grid-template-columns: repeat(auto-fill, minmax(56px, 1fr)); gap: 8px; }
.lr-cro-ftallas__lista .lr-cro-talla { width: 100%; min-width: 0; border-radius: 10px; }

/* Panel de filtros: colores como muestras */
.lr-cro-fcolor .wc-block-product-filter-checkbox-list__items {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(96px, 1fr));
	gap: 12px 8px;
}
.lr-cro-fcolor .wc-block-product-filter-checkbox-list__label { display: flex; align-items: center; gap: 8px; cursor: pointer; }
.lr-cro-fcolor .wc-block-product-filter-checkbox-list__input-wrapper {
	position: relative;
	flex: none;
	width: 26px;
	height: 26px;
	border-radius: 50%;
	background: var(--lr-sw, #d9d3cd);
	box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .14);
}
.lr-cro-fcolor .wc-block-product-filter-checkbox-list__input {
	position: absolute; inset: 0; width: 100%; height: 100%;
	margin: 0; opacity: 0; cursor: pointer;
}
.lr-cro-fcolor .wc-block-product-filter-checkbox-list__mark { display: none; }
.lr-cro-fcolor .wc-block-product-filter-checkbox-list__label:has(input:checked) .wc-block-product-filter-checkbox-list__input-wrapper {
	box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .14), 0 0 0 2px #fff, 0 0 0 4px var(--lr-ink);
}
.lr-cro-fcolor .wc-block-product-filter-checkbox-list__text { display: inline-block; font-size: 13px; text-transform: lowercase; }
.lr-cro-fcolor .wc-block-product-filter-checkbox-list__text::first-letter { text-transform: uppercase; }
.lr-cro-fcolor .wc-block-product-filter-checkbox-list__label:has(input:checked) .wc-block-product-filter-checkbox-list__text { font-weight: 600; }
.lr-cro-fcolor label[for="attribute/color-negro"] { --lr-sw: #1b1b1b; }
.lr-cro-fcolor label[for="attribute/color-blanco"] { --lr-sw: #ffffff; }
.lr-cro-fcolor label[for="attribute/color-marron"] { --lr-sw: #6b4226; }
.lr-cro-fcolor label[for="attribute/color-cuero"] { --lr-sw: #a0622d; }
.lr-cro-fcolor label[for="attribute/color-taupe"] { --lr-sw: #8b7d6b; }
.lr-cro-fcolor label[for="attribute/color-beig"] { --lr-sw: #d9c7a7; }
.lr-cro-fcolor label[for="attribute/color-gris"] { --lr-sw: #9a9a9a; }
.lr-cro-fcolor label[for="attribute/color-azul"] { --lr-sw: #2f5d9e; }
.lr-cro-fcolor label[for="attribute/color-marino"] { --lr-sw: #1f2c4d; }
.lr-cro-fcolor label[for="attribute/color-burdeos"] { --lr-sw: #6d1f2b; }
.lr-cro-fcolor label[for="attribute/color-rojo"] { --lr-sw: #c0392b; }
.lr-cro-fcolor label[for="attribute/color-verde"] { --lr-sw: #4f6b3a; }
.lr-cro-fcolor label[for="attribute/color-kaki"] { --lr-sw: #7a7550; }
.lr-cro-fcolor label[for="attribute/color-oro"] { --lr-sw: #c9a646; }
.lr-cro-fcolor label[for="attribute/color-plata"] { --lr-sw: #c7c9cc; }
.lr-cro-fcolor label[for="attribute/color-bronce"] { --lr-sw: #a9713c; }
.lr-cro-fcolor label[for="attribute/color-rose"] { --lr-sw: #e8b7b0; }
.lr-cro-fcolor label[for="attribute/color-rosa"] { --lr-sw: #eab0b6; }
.lr-cro-fcolor label[for="attribute/color-nude"] { --lr-sw: #e3c1a4; }
.lr-cro-fcolor label[for="attribute/color-fucsia"] { --lr-sw: #d0307a; }
.lr-cro-fcolor label[for="attribute/color-amarillo"] { --lr-sw: #e8c43a; }
.lr-cro-fcolor label[for="attribute/color-mostaza"] { --lr-sw: #c99a2e; }
.lr-cro-fcolor label[for="attribute/color-natural"] { --lr-sw: #d8c3a0; }
.lr-cro-fcolor label[for="attribute/color-piedra"] { --lr-sw: #b8ad9e; }
.lr-cro-fcolor label[for="attribute/color-plomo"] { --lr-sw: #6e6e73; }
.lr-cro-fcolor label[for="attribute/color-hielo"] { --lr-sw: #e7eef1; }
.lr-cro-fcolor label[for="attribute/color-marfil"] { --lr-sw: #f3ecd9; }
.lr-cro-fcolor label[for="attribute/color-chocolate"] { --lr-sw: #4a2c1d; }
.lr-cro-fcolor label[for="attribute/color-moka"] { --lr-sw: #6f4e37; }
.lr-cro-fcolor label[for="attribute/color-vison"] { --lr-sw: #9c8a7a; }
.lr-cro-fcolor label[for="attribute/color-camel"] { --lr-sw: #c19a6b; }
.lr-cro-fcolor label[for="attribute/color-naranja"] { --lr-sw: #e07b39; }
.lr-cro-fcolor label[for="attribute/color-lila"] { --lr-sw: #b7a0cf; }
.lr-cro-fcolor label[for="attribute/color-celeste"] { --lr-sw: #9cc7e6; }
.lr-cro-fcolor label[for="attribute/color-leopardo"] { --lr-sw: url("/wp-content/themes/astra-child/assets/lr-textura-leopardo.webp") center / cover; }
.lr-cro-fcolor label[for="attribute/color-multicolor"] { --lr-sw: conic-gradient(#e0564b, #e8c43a, #4f9a6a, #2f5d9e, #b7a0cf, #e0564b); }
.lr-cro-fcolor label[for="attribute/color-metalizado"] { --lr-sw: linear-gradient(135deg, #f4f4f4, #9ea3a8 50%, #eaeaea); }

/* ---------------------------------------------------------------------
   Movil
   --------------------------------------------------------------------- */
@media (max-width: 921px) {
	body.lr-cro-cat .woocommerce-products-header__title.page-title { font-size: 28px; }
	.lr-cro-ventajas { flex-wrap: nowrap; overflow-x: auto; scrollbar-width: none; margin-right: -20px; padding-right: 20px; }
	.lr-cro-ventajas::-webkit-scrollbar { display: none; }
	body.lr-cro-cat ul.products li.lr-cro-promo { grid-template-columns: 1fr; gap: 12px; padding: 22px 20px; }
	.lr-cro-promo__icono { width: 48px; height: 48px; }
	.lr-cro-promo__icono svg { width: 26px; height: 26px; }
	.lr-cro-promo__texto .lr-cro-promo__titulo { font-size: 17px; }
	.lr-cro-promo__boton { justify-self: start; height: 44px; }
}

@media (max-width: 544px) {
	body.lr-cro-cat .woocommerce-products-header__title.page-title { font-size: 25px; }
	body.lr-cro-cat .term-description { font-size: 14px; }

	.lr-cro-ventajas li { padding: 7px 12px 7px 9px; border-radius: 999px; white-space: nowrap; }
	.lr-cro-ventajas svg { width: 18px; height: 18px; }
	.lr-cro-ventajas b { font-size: 12px; font-weight: 500; }
	.lr-cro-ventajas small { display: none; }

	.lr-cro-circ { margin: 14px 0 0; }
	.lr-cro-circ__lista { gap: 4px; }
	.lr-cro-circ__item a { width: 74px; gap: 6px; }
	.lr-cro-circ__img { width: 64px; height: 64px; }
	.lr-cro-circ__txt { font-size: 11.5px; }

	.lr-cro-tallasbar { margin: 10px 0 4px; }
	.lr-cro-tallasbar__lbl { display: none; }
	.lr-cro-talla { min-width: 46px; height: 40px; }

	body.lr-cro-listado ul.products li.product .astra-shop-thumbnail-wrap { border-radius: 10px; }
	.lr-cro-badge { top: 8px; left: 8px; padding: 3px 8px; font-size: 10.5px; }
	body.lr-cro-listado.woocommerce ul.products li.product .ast-woo-product-category { font-size: 10.5px; }
	body.lr-cro-listado.woocommerce ul.products li.product .woocommerce-loop-product__title { font-size: 13.5px; }
	body.lr-cro-listado.woocommerce ul.products li.product .price { font-size: 17px; }
	body.lr-cro-listado ul.products li.product .price del { font-size: 12px; }
	.lr-cro-tallas { font-size: 11.5px; gap: 1px 6px; }
}

/* Barra inferior de movil (Filtrar / Ordenar) y boton de WhatsApp por encima */
@media (max-width: 921px) {
	body.lr-cro-listado .ast-shop-toolbar-container .ast-sticky-shop-filters { gap: 10px; padding: 10px 14px 14px; }
	body.lr-cro-listado .astra-shop-filter-button {
		display: inline-flex; align-items: center; justify-content: center; gap: 8px;
		height: 46px; padding: 0 22px;
		border-radius: 999px; background: var(--lr-red); color: #fff;
		font-size: 14.5px; font-weight: 600; text-transform: none; letter-spacing: 0;
	}
	body.lr-cro-listado .astra-shop-filter-button svg { fill: currentColor; }
	body.lr-cro-listado .woocommerce-ordering select.orderby {
		height: 46px; padding: 0 34px 0 16px;
		border: 0; border-radius: 999px;
		background-color: var(--lr-blush); color: var(--lr-ink);
		font-size: 14px; font-weight: 500;
	}
	body.lr-cro-listado .joinchat { bottom: 84px !important; --bottom: 84px; }
}

@media (max-width: 544px) {
	body.lr-cro-listado.woocommerce ul.products,
	body.lr-cro-listado .woocommerce ul.products { row-gap: 24px; }
}

/* Panel de filtros: pulido */
.lr-cro-fcolor .wc-block-product-filter-checkbox-list__input {
	-webkit-appearance: none !important; appearance: none !important;
	opacity: 0 !important; border: 0 !important; background: transparent !important; box-shadow: none !important;
}
.lr-cro-fcolor .wc-block-product-filter-checkbox-list__input-wrapper::before,
.lr-cro-fcolor .wc-block-product-filter-checkbox-list__input-wrapper::after { display: none !important; }
body.lr-cro-listado .astra-off-canvas-sidebar-wrapper .wp-block-heading::first-letter { text-transform: uppercase; }
body.lr-cro-listado .wc-block-product-filter-checkbox-list__show-more-button {
	margin-top: 10px; padding: 0; border: 0; background: none !important;
	color: var(--lr-ink) !important; font-size: 13.5px; font-weight: 600;
	text-decoration: underline; text-underline-offset: 3px;
}

@media (max-width: 921px) {
	body.lr-cro-listado .ast-shop-toolbar-container .ast-shop-toolbar-aside-wrap:last-child { flex: 1; min-width: 0; }
	body.lr-cro-listado .ast-shop-toolbar-container .woocommerce-ordering,
	body.lr-cro-listado .ast-shop-toolbar-container .woocommerce-ordering select.orderby { width: 100%; }
}

@media (min-width: 922px) {
	body.lr-cro-listado .woocommerce-ordering select.orderby { width: auto; min-width: 220px; }
}

/* ---------------------------------------------------------------------
   0.2.3 · Revision del usuario
   --------------------------------------------------------------------- */

/* Segunda foto al pasar el raton: sustituye a la primera, no se mezcla con ella.
   El "multiply" solo tiene sentido en la foto de producto sobre fondo blanco. */
body.lr-cro-listado.woocommerce ul.products li.product .astra-shop-thumbnail-wrap img.show-on-hover,
body.lr-cro-listado .woocommerce ul.products li.product .astra-shop-thumbnail-wrap img.show-on-hover {
	mix-blend-mode: normal;
	object-fit: cover !important;
}
body.lr-cro-listado ul.products li.product .astra-shop-thumbnail-wrap img:not(.show-on-hover) { transition: opacity .2s linear; }
body.lr-cro-listado ul.products li.product:hover .astra-shop-thumbnail-wrap:has(img.show-on-hover) img:not(.show-on-hover) { opacity: 0; }

/* El recuento "Mostrando 1-24 de 313" no estaba en el prototipo
   (el JS lo sigue leyendo para el progreso de "Cargar mas"). */
body.lr-cro-listado .woocommerce-result-count { display: none !important; }

/* Aire entre la barra de Filtrar/Ordenar y la rejilla */
body.lr-cro-listado.woocommerce ul.products,
body.lr-cro-listado .woocommerce ul.products { margin-top: 22px; }

/* Barra inferior de movil: dos botones repartidos y centrados, como en el prototipo */
@media (max-width: 921px) {
	body.lr-cro-listado .ast-shop-toolbar-container .ast-sticky-shop-filters {
		display: grid !important;
		grid-template-columns: minmax(0, 1fr) minmax(0, 1.25fr);
		align-items: center;
		gap: 10px;
		padding: 10px 14px 14px;
	}
	body.lr-cro-listado .ast-shop-toolbar-container .ast-shop-toolbar-aside-wrap { width: 100%; min-width: 0; margin: 0; }
	body.lr-cro-listado .ast-shop-toolbar-container .astra-shop-filter-button { width: 100%; }
	body.lr-cro-listado .ast-shop-toolbar-container .woocommerce-ordering { width: 100%; margin: 0; }
	body.lr-cro-listado .ast-shop-toolbar-container .woocommerce-ordering select.orderby { width: 100% !important; max-width: none; }

	body.lr-cro-listado.woocommerce ul.products,
	body.lr-cro-listado .woocommerce ul.products { margin-top: 16px; }
}

/* H1 de Mujer en movil: "Zapatos de mujer" en una linea (el resto sigue en el HTML) */
@media (max-width: 768px) {
	body.lr-cro-mujer .lr-cro-h1-resto { display: none; }
}

/* ---------------------------------------------------------------------
   0.2.4 · Varias tallas a la vez
   --------------------------------------------------------------------- */
.lr-cro-tallas .is-pedida { color: var(--lr-ink); font-weight: 600; text-decoration: underline; text-underline-offset: 2px; }
.lr-cro-tallas.is-pocas .is-pedida { color: var(--lr-red-ink); }
.lr-cro-talla-borrar {
	flex: none;
	align-self: center;
	margin-left: 4px;
	padding: 0 6px;
	font-size: 13px;
	font-weight: 500;
	color: var(--lr-ink);
	text-decoration: underline;
	text-underline-offset: 3px;
	white-space: nowrap;
}
.lr-cro-talla-borrar:hover { color: var(--lr-red-ink); }
.lr-cro-ftallas__ayuda { margin: -6px 0 10px; font-size: 12.5px; color: var(--lr-muted); }
.lr-cro-ftallas .lr-cro-talla-borrar { display: inline-block; margin: 10px 0 0; padding: 0; }