/*!
 * BIMBEA Studio v3 · Capa consolidada de portada y ficha · 13 sep 2026 (v3.2)
 * Se imprime al final de la cascada (pie de página), después del CSS del tema,
 * del CSS adicional del Personalizador y de los complementos. Bloques:
 *   A. Paleta de color oficial (antes complemento "Paleta de color completa")
 *   B. Ficha completa rectangular en PC (antes "Ficha en b acostada" v2.4)
 *   C. Ficha que vende: rótulo, Detalles abierto, franja de confianza, pie en pila
 *   D. Capa de ficha y pantalla 13 sep: datos en dos columnas, panza de un renglón,
 *      compactación tipográfica, "Qué quieres resolver hoy" en dos columnas, celular
 *   E. Anzuelos elegantes integrados en las flechas .gap-nav + riel de avance
 * Regla: nada con función para el cliente lleva display:none; se compacta, no se elimina.
 */

/* ===================== A. PALETA OFICIAL ===================== */

:root{
	/* --- Se cambian los colores que ya usaba el tema --- */
	--bimbea-wine:#712a33;          /* vino de firma - antes 5b2338, se veia morado en celular */
	--bimbea-wine-dark:#501c28;     /* vino de sombra para franjas */
	--bimbea-cream:#f4ede0;         /* papel del sitio, el 60 por ciento */
	--bimbea-paper:#fbf7f0;         /* papel de tarjeta */
	--paper:#fbf7f0;
	--bimbea-ink:#2a231b;           /* tinta principal */
	--ink:#2a231b;
	--bimbea-muted:#5d5142;         /* texto secundario */
	--bimbea-line:#e1d6c3;          /* filete de un pixel */
	--bimbea-green:#1e5a48;         /* verde laurel */
	--metal:#712a33;                /* antes era negro puro y por eso salia letra negra sobre negro */
	/* --- Colores nuevos de la paleta --- */
	--bmp-laurel:#1e5a48;
	--bmp-laurel-900:#164437;
	--bmp-chukum:#efe7d8;
	--bmp-vino-100:#f9eef0;
	--bmp-vino-200:#efd5da;
	--bmp-precio:#2a231b;
	--bmp-precio-viejo:#6e655e;
	--bmp-bien:#55703f;
	--bmp-cuidado:#8a5d1e;
	--bmp-error:#b03a2b;
	--bmp-info:#4c6470;
	--bmp-blanco-calido:#fff7f0;
}
html:root{--metal:#712a33 !important;--bimbea-wine:#712a33 !important;--bimbea-wine-dark:#501c28 !important;--bimbea-cream:#f4ede0 !important;--bimbea-paper:#fbf7f0 !important;--paper:#fbf7f0 !important;--bimbea-ink:#2a231b !important;--ink:#2a231b !important;--bimbea-muted:#5d5142 !important;--bimbea-line:#e1d6c3 !important;--bimbea-green:#1e5a48 !important}
/* ============ BOTON DE COMPRA - el unico verde de la pagina ============ */
.btn-main,.btn-main--cart,button.btn-main,
.single_add_to_cart_button,.woocommerce button.button.alt,
.wc-block-cart__submit-button,.wc-block-components-checkout-place-order-button{
	background:#1e5a48 !important;
	background-image:none !important;
	border-color:#1e5a48 !important;
	color:#fff7f0 !important;
	box-shadow:none !important;
}
.btn-main:hover,.btn-main--cart:hover,button.btn-main:hover,
.single_add_to_cart_button:hover,.woocommerce button.button.alt:hover,
.wc-block-cart__submit-button:hover,.wc-block-components-checkout-place-order-button:hover{
	background:#164437 !important;border-color:#164437 !important;color:#fff7f0 !important;
}
.btn-main:active,button.btn-main:active,.single_add_to_cart_button:active{
	background:#123729 !important;color:#fff7f0 !important;
}
.btn-main:focus-visible,button.btn-main:focus-visible,.single_add_to_cart_button:focus-visible{
	outline:3px solid #1e5a48 !important;outline-offset:2px !important;
}
/* ============ PRECIOS ============ */
.product-price,.option-subtotal,.env-sibling-price,
.woocommerce div.product p.price,.woocommerce div.product span.price{
	color:#2a231b !important;
}
.product-price del,del .amount,.price del,.price del .amount{
	color:#6e655e !important;
}
/* ============ SELLOS Y SEÑALES ============ */
.offer-badge{background:#712a33 !important;color:#fff7f0 !important;border-color:#712a33 !important}
.free-shipping{background:#f7f2e8 !important;color:#2a231b !important;border:1px solid #b8a98d !important}
/* ============ FILETES Y BORDES ============ */
hr,.env-divider,.section-divider{border-color:#e1d6c3 !important}


/* ===================== B. FICHA COMPLETA (PC) ===================== */

@media (min-width:1101px) and (min-height:600px){
	.product-unit.bmb-b{
		--bmb-r:20px;
		background:#fbf7f0 !important;
		background-color:#fbf7f0 !important;
		box-shadow:0 14px 30px rgba(45,31,25,.16);
		border-radius:var(--bmb-r);
		overflow:visible !important;
		display:grid !important;
		grid-template-columns:minmax(0,46fr) minmax(0,54fr) !important;
		grid-template-rows:1fr !important;
		grid-template-areas:"bmbfoto bmbdatos" !important;
		height:100% !important;min-height:0 !important;
	}
	.product-unit.bmb-b > *{position:relative;z-index:1}
	.product-unit.bmb-b > .product-visual{grid-area:bmbfoto;border-radius:var(--bmb-r) 0 0 var(--bmb-r);overflow:hidden;margin:0}
	.product-unit.bmb-b > .product-info{grid-area:bmbdatos;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding-left:14px;padding-right:14px;display:flex !important;flex-direction:column !important}
	.product-unit.bmb-b > .product-info > *{flex-shrink:0}
	.product-unit.bmb-b > .product-info > .bmb-b-venta{display:flex;flex-direction:column;min-height:0}
	/* el titulo del ambiente y las miniaturas ahora viven arriba de todo, adentro de la misma columna de datos: una sola ficha, sin muesca */
	.product-unit.bmb-b > .product-info > .bmb-b-panza{
		display:flex;flex-direction:column;justify-content:center;gap:6px;
		padding:12px 0 10px;margin-bottom:8px;border-bottom:1px solid rgba(42,35,27,.08);
		min-width:0;overflow:hidden;
	}
	.bmb-b-panza .env-header-text{
		display:flex !important;flex-wrap:wrap;align-items:baseline;column-gap:9px;row-gap:0;
		min-width:0;
	}
	.bmb-b-panza .env-kicker{
		font-size:8.5px !important;letter-spacing:.12em !important;margin:0 !important;
		white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;
	}
	.bmb-b-panza .env-title{
		font-size:18px !important;line-height:1.05 !important;margin:0 !important;
	}
	.bmb-b-panza .env-intro{
		font-size:11px !important;line-height:1.3 !important;margin:0 !important;opacity:.82;
		flex-basis:100%;
		overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;
	}
	.bmb-b-panza .bmb-b-miniaturas{
		display:flex;align-items:stretch;gap:8px;min-width:0;
	}
	.bmb-b-panza .card-media-nav{
		display:flex !important;flex:1 1 auto;gap:8px;min-width:0;
		overflow-x:auto;scrollbar-width:none;
	}
	.bmb-b-panza .card-media-nav::-webkit-scrollbar{display:none}
	.bmb-b-panza .card-media-thumb{
		flex:0 0 auto;width:46px;height:46px !important;border-radius:8px !important;
		border:1px solid #e1d6c3 !important;background:#fff !important;overflow:hidden;
	}
	.bmb-b-panza .card-media-thumb img{width:100%;height:100%;object-fit:cover}
	.bmb-b-panza .card-media-count{
		flex:0 0 auto;font-size:10.5px;font-weight:700;color:#5d5142;white-space:nowrap;
	}
	/* el encabezado del ambiente se vacia -su titulo se fue a la ficha- y no debe dejar hueco */
	.bmb-b-vivo .env-header-row{min-height:0 !important;margin:0 !important;padding:0 !important}
	.bmb-b-vivo .env-media-slot{display:none !important}
	.carousel-container.bmb-b-aire{overflow-y:visible}
}


/* ===================== C. FICHA QUE VENDE ===================== */

.bmb-x-caja{display:block;min-width:0}
/* los renglones de la columna de datos son fijos- estos dos se sacan a renglones que crecen con su contenido */
.product-info{grid-auto-rows:min-content}
.bmb-x-otros,.product-info > .accordions,.product-info > .mini-reviews{
	grid-column:1 / -1 !important;min-height:0;
}
.product-info{grid-template-rows:0px auto auto auto auto auto minmax(76px,auto) auto auto !important}
.bmb-x-otros{grid-row:7 / 8 !important}
.product-info > .accordions{grid-row:8 / 9 !important}
.product-info > .mini-reviews{grid-row:9 / 10 !important}
.product-info > .restock-note{grid-row:10 / 11 !important;grid-column:1 / -1 !important;min-height:0}
/* el pie de la ficha- una sola pila que nunca se encima */
.product-info > .bmb-x-pie{grid-row:7 / -1 !important;grid-column:1 / -1 !important;display:flex !important;flex-direction:column;gap:8px;min-height:min-content;align-self:start}
.bmb-x-pie > *{flex:0 0 auto !important;min-height:0;grid-row:auto !important;grid-column:auto !important}
.bmb-x-otros{margin-top:4px}
.bmb-x-rotulo{
	display:block;margin:14px 0 7px;font-size:10.5px;letter-spacing:.15em;text-transform:uppercase;
	font-weight:700;color:#8f6f2a;
}
.bmb-x-rotulo em{font-style:normal;color:#5d5142;letter-spacing:.04em;text-transform:none;font-size:11px;font-weight:600}
.bmb-x-confianza{
	display:flex;flex-wrap:wrap;gap:6px 14px;align-items:center;
	margin:9px 0 2px;padding:8px 11px;border:1px solid #e1d6c3;border-radius:10px;background:#f7f2e8;
}
.bmb-x-confianza a,.bmb-x-confianza span{
	display:inline-flex;align-items:center;gap:6px;
	font-size:11px;line-height:1.3;color:#2a231b;text-decoration:none;
}
.bmb-x-confianza a{border-bottom:1px solid rgba(113,42,51,.35)}
.bmb-x-confianza a:hover{border-bottom-color:#712a33;color:#712a33}
.bmb-x-confianza svg{width:13px;height:13px;flex:0 0 auto;stroke:#712a33;fill:none;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.accordions details.bmb-x-abierto > summary{font-weight:700}
@media (max-width:960px){
	.bmb-x-confianza{gap:5px 10px;padding:7px 9px}
	.bmb-x-confianza a,.bmb-x-confianza span{font-size:10.5px}
}


/* ===================== D. CAPA DE FICHA Y PANTALLA · 13 SEP ===================== */
/* H2 (verificador): entre 1101 y 1279 px el CSS adicional del Personalizador
   (display:grid !important) le ganaba a la ficha completa; aqui se fija la
   columna de datos en flex con mas especificidad. La rejilla de >=1280 gana igual. */
@media (min-width:1101px) and (min-height:600px){
body.bimbea-v91.vp .product-unit.bmb-b > .product-info{display:flex !important;flex-direction:column !important}
/* H10/H4 (verificador): miniaturas visibles en PC. La panza crece lo necesario y
   la pastilla "VER LAS N VISTAS" baja a su propio renglon */
body.bimbea-v91.vp .product-unit.bmb-b > .product-info > .bmb-b-panza{height:auto !important;min-height:64px;max-height:none !important}
body.bimbea-v91.vp .product-unit.bmb-b .bmb-b-panza .bmb-b-miniaturas{flex-wrap:wrap;justify-content:flex-end;row-gap:3px;max-width:60%}
body.bimbea-v91.vp .product-unit.bmb-b .bmb-b-panza .card-media-nav{flex:1 1 auto;min-width:0}
body.bimbea-v91.vp .product-unit.bmb-b .bmb-b-panza .card-media-thumb{width:33px;height:33px !important}
body.bimbea-v91.vp .product-unit.bmb-b .bmb-b-panza .details-link.bmb-vistas-junto{flex:0 0 100%;justify-content:flex-end;text-align:right}
/* H13 (verificador): los otros del ambiente con el nombre en 2 renglones, no cortado */
body.bimbea-v91.vp .product-unit.bmb-b .bmb-x-pie .env-siblings-row .env-sibling-name{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:clip}
}
@media (min-width:1280px) and (min-height:600px){
/* H3 (verificador): el renglon "Compra 4 articulos · MEJOR AHORRO" se recortaba en 1280-1366 */
body.bimbea-v91.vp .product-unit.bmb-b.bmb-capa-grid .purchase-options .option-label,
body.bimbea-v91.vp .product-unit.bmb-b.bmb-capa-grid .purchase-options .option-label--wide{grid-template-columns:minmax(0,max-content) minmax(12px,1fr) max-content !important}
body.bimbea-v91.vp .product-unit.bmb-b.bmb-capa-grid .purchase-options .option-label > .option-copy{min-width:0;flex-wrap:wrap}
}
@media (max-width:960px){
/* H10 (verificador): la frase-gancho se encogia a 0 px en celular */
body.bimbea-v91 .product-unit .product-info > .product-phrase{flex-shrink:0}
}

/* =====================================================================
   BIMBEA · Capa "ficha y pantalla" · 13 sep 2026
   Se carga AL FINAL de la cascada (después del CSS adicional del
   Personalizador y de los complementos de wp_footer). Solo usa clases que
   ya existen en el tema, en el CSS adicional o en los complementos:
   .product-unit.bmb-b  .bmb-b-panza  .bmb-b-miniaturas  .product-info
   .bmb-x-pie  .bmb-x-caja  .bmb-x-confianza  .bmb-x-rotulo  .env-siblings
   .bmb-anz-*  .gap-nav  #buscar-problema  .bimbea-environment-filters
   Regla: nada con función para el cliente lleva display:none; todo se
   compacta o se reacomoda. Cada bloque dice qué fila del inventario o qué
   queja resuelve. Las cifras en px están calculadas para 1366 × 638.
   Paleta oficial: papel #fbf7f0 · crema #f4ede0 · vino #712a33 ·
   tinta #2a231b · secundario #5d5142 · filete #e1d6c3 · verde laurel SOLO
   en el botón de compra (no se toca aquí).
   ===================================================================== */

/* ---------------------------------------------------------------------
   PC · misma condición que la ficha completa v2.4 (1101 px y 600 px de alto)
   --------------------------------------------------------------------- */
@media (min-width:1101px) and (min-height:600px){

/* Fila 92 / queja "el área de producto ocupa 33 %": la columna de datos
   pierde el relleno grande del CAMBIO 7 (18/22/16 !important) y usa un aire
   uniforme de 6 px entre bloques en vez de márgenes sueltos */
body.bimbea-v91.vp .product-unit.bmb-b > .product-info{
	padding:10px 14px 10px !important;
	row-gap:6px;
	position:relative;
	overflow-x:hidden;
}

/* Fila 79 ("se pierde la vista de las miniaturas") y fila 92: la panza deja
   de ser una pila (título arriba, miniaturas abajo: 116 px) y pasa a UN
   renglón de 64 px: título a la izquierda, miniaturas a la derecha */
body.bimbea-v91.vp .product-unit.bmb-b > .product-info > .bmb-b-panza{
	flex-direction:row;
	align-items:center;
	justify-content:space-between;
	gap:14px;
	height:64px;
	box-sizing:border-box;
	padding:6px 0 5px;
	margin:0 !important;
	border-bottom:1px solid #e1d6c3;
}
body.bimbea-v91.vp .bmb-b-panza .env-header-text{
	flex:1 1 auto;
	min-width:0;
	align-content:center;
	row-gap:1px;
}
body.bimbea-v91.vp .bmb-b-panza .env-title{
	max-width:100%;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}
body.bimbea-v91.vp .bmb-b-panza .bmb-b-miniaturas{
	flex:0 1 auto;
	max-width:58%;
	align-items:center;
	gap:6px;
}
body.bimbea-v91.vp .bmb-b-panza .card-media-nav{gap:5px}
/* 34 px: las 9 miniaturas caben en 346 px sin scroll (antes 46 px apiladas) */
body.bimbea-v91.vp .bmb-b-panza .card-media-thumb{
	width:34px;
	height:34px !important;
	border-radius:7px !important;
	opacity:.85;
}
body.bimbea-v91.vp .bmb-b-panza .card-media-thumb.active,
body.bimbea-v91.vp .bmb-b-panza .card-media-thumb:hover{opacity:1}
body.bimbea-v91.vp .bmb-b-panza .card-media-count{font-size:10px}
/* Fila 14 de la tabla (JS): si el script muda "VER LAS N VISTAS" junto a las
   miniaturas, aquí ya tiene su pastilla de 28 px */
body.bimbea-v91.vp .bmb-b-miniaturas > .details-link{
	flex:0 0 auto;
	margin:0 !important;
	padding:4px 9px;
	border:1px solid #e1d6c3;
	border-radius:999px;
	background:#fbf7f0;
	color:#712a33;
	font-size:9px;
	letter-spacing:.08em;
	line-height:1.15;
	text-decoration:none;
	white-space:nowrap;
}
body.bimbea-v91.vp .bmb-b-miniaturas > .details-link small{display:block;font-size:8px;margin-top:1px}

/* Fila 92 / queja "no me llama la atención a la compra": compactación
   tipográfica sin quitar nada. Nombre 19 px, frase 2 renglones, planes de
   34 px, botón 42, confianza a 10.5 px */
body.bimbea-v91.vp .product-unit.bmb-b .product-name{
	font-size:19px;
	line-height:1.08;
}
body.bimbea-v91.vp .product-unit.bmb-b .product-phrase{
	font-size:12px !important;
	line-height:1.35;
	-webkit-line-clamp:2;
}
body.bimbea-v91.vp .product-unit.bmb-b .product-price{
	font-size:17px;
	gap:10px;
}
body.bimbea-v91.vp .product-unit.bmb-b .free-shipping{padding:4px 8px;font-size:.52rem}
body.bimbea-v91.vp .product-unit.bmb-b .purchase-options{gap:3px}
body.bimbea-v91.vp .product-unit.bmb-b .option-label,
body.bimbea-v91.vp .product-unit.bmb-b .option-label--wide{
	min-height:34px;
	padding:3px 9px;
}
body.bimbea-v91.vp .product-unit.bmb-b .btn-main{min-height:42px}
/* Ficha que vende: la franja de confianza queda como lista de 3 renglones
   cortos (57 px) en vez de flotar en 2 o 4 según el ancho */
body.bimbea-v91.vp .product-unit.bmb-b .bmb-x-confianza{
	gap:3px 12px;
	margin:6px 0 0;
	padding:6px 9px;
}
body.bimbea-v91.vp .product-unit.bmb-b .bmb-x-confianza a,
body.bimbea-v91.vp .product-unit.bmb-b .bmb-x-confianza span{
	font-size:10.5px;
	line-height:1.25;
}
body.bimbea-v91.vp .product-unit.bmb-b .bmb-x-confianza svg{width:12px;height:12px}
/* cupón y "ver vistas" con la misma altura de renglón (28 px) para poder
   emparejarlos en la fila 1 de esta capa */
body.bimbea-v91.vp .product-unit.bmb-b .coupon-inline summary{padding:6px 2px;line-height:14px}
body.bimbea-v91.vp .product-unit.bmb-b > .product-info .details-link{
	height:28px;
	padding:0 2px;
	line-height:14px;
}
body.bimbea-v91.vp .product-unit.bmb-b > .product-info .details-link small{
	display:inline;
	margin:0 0 0 6px;
}

/* Fila 13 de la tabla: chips "COMPRAR POR NECESIDAD" a 22 px (antes ~30) */
body.bimbea-v91.vp .bimbea-environment-filters{margin:0 0 4px !important;gap:6px}
body.bimbea-v91.vp .bimbea-category-chip{padding:3px 8px;font-size:.5rem}

/* (el bloque interino de anzuelos viejos se retiró: los anzuelos nuevos viven en bimbea-capa-13sep.js) */


/* Fila 108: "¿Qué quieres resolver hoy?" en dos columnas — pregunta a la
   izquierda, buscador + 6 pilares + resultados a la derecha. Hoy es una sola
   columna de 820 px y los 5 resultados se salen de los 638 px */
body.bimbea-v91.vp #buscar-problema{
	grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);
	column-gap:clamp(32px,5vw,90px);
	row-gap:10px;
	align-content:center;
	align-items:center;
}
body.bimbea-v91.vp #buscar-problema > .special-kicker,
body.bimbea-v91.vp #buscar-problema > h2,
body.bimbea-v91.vp #buscar-problema > .special-lead{grid-column:1}
body.bimbea-v91.vp #buscar-problema > h2{font-size:clamp(2.6rem,4.4vw,5rem)}
body.bimbea-v91.vp #buscar-problema > .problem-search{
	grid-column:2;
	grid-row:1 / span 3;
	width:100%;
	max-width:none;
	gap:8px;
	align-self:center;
}
body.bimbea-v91.vp #buscar-problema .search-results{
	max-height:max(200px,calc(100svh - 360px));
	overflow-y:auto;
	scrollbar-width:thin;
	scrollbar-color:#e1d6c3 transparent;
	padding-right:4px;
}
body.bimbea-v91.vp #buscar-problema .search-result{padding:6px}
body.bimbea-v91.vp #buscar-problema .search-result img{width:56px;height:56px}

} /* fin PC ≥ 1101 */

/* ---------------------------------------------------------------------
   PC ancha (1280 px o más) · DATOS EN DOS COLUMNAS (fila 92, recorte 2,
   elegido por él el 10 sep). Solo se activa cuando existe .bmb-x-pie
   (complemento "Ficha que vende"); si no existe, la columna sigue en pila.
   --------------------------------------------------------------------- */
@media (min-width:1280px) and (min-height:600px){

/* Columna de venta (56 %) y columna de características (44 %) como REJILLA
   de dos columnas dentro de la columna de datos. Solo cuando la ficha la armó
   el tema (.bmb-capa-grid): el tema envuelve todo lo que vende en .bmb-b-venta
   y "Ficha que vende" deja el pie (.bmb-x-pie) como hijo directo. Panza arriba
   a todo lo ancho; cada columna con scroll fino propio; nada se encima. */
body.bimbea-v91.vp .product-unit.bmb-b.bmb-capa-grid > .product-info{
	display:grid !important;
	grid-template-columns:minmax(0,56fr) minmax(0,44fr) !important;
	grid-template-rows:auto minmax(0,1fr) !important;
	column-gap:14px !important;
	row-gap:0 !important;
	align-content:stretch !important;
	overflow:hidden !important;
}
body.bimbea-v91.vp .product-unit.bmb-b.bmb-capa-grid > .product-info > .bmb-b-panza{grid-column:1 / -1 !important;grid-row:1 !important;}
body.bimbea-v91.vp .product-unit.bmb-b.bmb-capa-grid > .product-info > .bmb-b-venta{
	grid-column:1 !important;
	grid-row:2 !important;
	display:flex !important;
	flex-direction:column !important;
	gap:6px !important;
	min-height:0 !important;
	overflow-y:auto !important;
	overscroll-behavior:contain;
	scrollbar-width:thin;
	scrollbar-color:#e1d6c3 transparent;
	padding-right:4px !important;
}
body.bimbea-v91.vp .product-unit.bmb-b.bmb-capa-grid > .product-info > .bmb-b-venta > *{flex:0 0 auto !important;width:auto !important;max-width:100% !important;margin:0 !important;min-width:0 !important;}
body.bimbea-v91.vp .product-unit.bmb-b.bmb-capa-grid > .product-info > .bmb-b-venta > .btn-main,
body.bimbea-v91.vp .product-unit.bmb-b.bmb-capa-grid > .product-info > .bmb-b-venta > .bmb-x-caja > .btn-main{width:100% !important;}
body.bimbea-v91.vp .product-unit.bmb-b.bmb-capa-grid > .product-info > .bmb-x-pie{
	grid-column:2 !important;
	grid-row:2 !important;
	align-self:stretch !important;
	min-height:0 !important;
	height:auto !important;
	margin:0 !important;
	padding:2px 6px 4px 18px !important;
	border-left:1px solid #e1d6c3 !important;
	gap:15px !important;
	overflow-y:auto !important;
	overscroll-behavior:contain;
	scrollbar-width:thin;
	scrollbar-color:#e1d6c3 transparent;
}
/* si el pie todavía no existe (complemento "Ficha que vende" apagado y el tema
   aún no lo armó), la columna de venta ocupa todo el ancho */
body.bimbea-v91.vp .product-unit.bmb-b.bmb-capa-grid > .product-info:not(:has(> .bmb-x-pie)) > .bmb-b-venta{grid-column:1 / -1 !important}
/* Fila 94 y queja "características totalmente ocultas": Detalles y Por qué
   lo elegimos apilados (a 253 px no caben lado a lado), Detalles abierto
   legible a 11 px */
body.bimbea-v91.vp .product-unit.bmb-b .bmb-x-pie > .accordions{
	grid-template-columns:1fr;
	border-top:0;
	margin:0 !important;
}
body.bimbea-v91.vp .product-unit.bmb-b .bmb-x-pie .accordions details{
	border-right:0;
	padding:8px 0;
}
body.bimbea-v91.vp .product-unit.bmb-b .bmb-x-pie .accordions summary{font-size:12px;font-weight:600}
body.bimbea-v91.vp .product-unit.bmb-b .bmb-x-pie .accordions p{
	font-size:12px;
	line-height:1.5;
	padding:6px 0 4px;
}
/* Queja "las miniaturas de otros productos… no se sabe qué son": rótulo
   compacto y los otros hallazgos como lista vertical de 40 px con el nombre
   completo (antes 5 columnas de 45 px con el nombre cortado) */
body.bimbea-v91.vp .product-unit.bmb-b .bmb-x-pie .bmb-x-rotulo{margin:0 0 6px}
body.bimbea-v91.vp .product-unit.bmb-b .bmb-x-pie .env-siblings{margin:0 !important}
body.bimbea-v91.vp .product-unit.bmb-b .bmb-x-pie .env-siblings-row{
	grid-template-columns:1fr;
	gap:4px;
}
body.bimbea-v91.vp .product-unit.bmb-b .bmb-x-pie .env-siblings-row .env-sibling{
	display:grid !important;
	grid-template-columns:34px minmax(0,1fr);
	grid-template-rows:auto auto;
	column-gap:8px;
	align-items:center;
	height:auto !important;
	min-height:40px;
	padding:3px 8px 3px 3px;
	text-align:left;
}
body.bimbea-v91.vp .product-unit.bmb-b .bmb-x-pie .env-siblings-row .env-sibling-img{
	grid-row:1 / 3;
	width:34px;
	height:34px !important;
	border-radius:7px;
	overflow:hidden;
}
body.bimbea-v91.vp .product-unit.bmb-b .bmb-x-pie .env-siblings-row .env-sibling-img img{
	width:34px !important;
	height:34px !important;
	border-radius:7px;
}
body.bimbea-v91.vp .product-unit.bmb-b .bmb-x-pie .env-siblings-row .env-sibling-name{
	grid-column:2;
	display:block;
	width:auto;
	text-align:left;
	font-size:10.5px;
	line-height:1.2;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}
body.bimbea-v91.vp .product-unit.bmb-b .bmb-x-pie .env-siblings-row .env-sibling-price{
	grid-column:2;
	width:auto;
	text-align:left;
	font-size:10.5px;
}
body.bimbea-v91.vp .product-unit.bmb-b .bmb-x-pie .mini-reviews{margin:0 !important}

/* Cupón y "VER LAS N VISTAS" en el mismo renglón (28 px en vez de 54).
   Van DESPUÉS de la regla de ancho general y con clase repetida para ganarle
   en especificidad. Si el cupón se abre, "ver vistas" vuelve a su renglón */
body.bimbea-v91.vp .product-unit.bmb-b > .product-info:has(> .bmb-x-pie) > .coupon-inline.coupon-inline{
	align-self:flex-start;
	width:calc(((100% - 16px) * .56) - 158px);
	min-height:28px;
	border-bottom:0;
}
body.bimbea-v91.vp .product-unit.bmb-b > .product-info:has(> .bmb-x-pie) > .details-link.details-link{
	align-self:flex-start;
	width:150px;
	margin-left:calc(((100% - 16px) * .56) - 150px) !important;
	margin-top:-34px !important;
	text-align:right;
}
body.bimbea-v91.vp .product-unit.bmb-b > .product-info:has(> .bmb-x-pie):has(> .coupon-inline[open]) > .details-link.details-link{
	margin-top:0 !important;
	margin-left:0 !important;
	width:calc((100% - 16px) * .56);
	text-align:left;
}

/* Fila 7 de la tabla: "ENVÍO GRATIS +" abre su texto como globo flotante
   sobre la parte alta de la columna de características, junto a la
   pastilla, en vez de empujar planes y botón 50 px hacia abajo */
body.bimbea-v91.vp .product-unit.bmb-b > .product-info .delivery-clarity.is-collapsed.is-open{
	position:absolute;
	z-index:6;
	top:80px;
	right:14px;
	width:calc((100% - 44px) * .44);
	margin:0 !important;
	padding:9px 11px;
	border:1px solid #e1d6c3;
	border-radius:10px;
	background:#fbf7f0;
	box-shadow:0 14px 28px -12px rgba(45,31,25,.32);
}

} /* fin PC ≥ 1280 */

/* ---------------------------------------------------------------------
   PC de poca altura (600 a 760 px): recorte 5 de la fila 92, "foto más
   angosta en pantallas bajitas". Foto 42 % / datos 58 %: la foto sigue casi
   cuadrada (447 × 471 a 1366) y la columna de venta gana 43 px de ancho.
   Si no le gusta, se borra solo este bloque.
   --------------------------------------------------------------------- */
@media (min-width:1280px) and (min-height:600px) and (max-height:760px){
body.bimbea-v91.vp .product-unit.bmb-b{
	grid-template-columns:minmax(0,42fr) minmax(0,58fr) !important;
}
}

/* ---------------------------------------------------------------------
   PC · Fila 35 / fila 92 (recorte "franja fija compacta 90 → 40 px").
   ACTIVADO el 13 sep por decisión de Juan José: la franja de bienvenida
   pasa de 90 a 40 px en PC (un solo renglón: texto chico + mensaje), así
   la primera ficha gana 50 px antes del primer scroll (después la franja
   ya se minimiza sola a 3 px). No se toca la barra superior de 64 px.
   --------------------------------------------------------------------- */
@media (min-width:1101px) and (min-height:600px){
body.bimbea-v91.vp{--welcome-height:40px}
body.bimbea-v91.vp .welcome-strip{height:var(--welcome-height) !important;min-height:0 !important}
body.bimbea-v91.vp .welcome-strip__content{flex-direction:row !important;align-items:center !important;justify-content:center;gap:14px !important;height:100%;padding:0 var(--desktop-edge, 62px) !important}
body.bimbea-v91.vp .welcome-strip__eyebrow{margin:0 !important;min-height:0 !important;white-space:nowrap}
body.bimbea-v91.vp .welcome-strip__message{margin:0 !important;font-size:.95rem;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body.bimbea-v91.vp .welcome-scroll-arrow{display:none !important}
body.bimbea-v91.vp.welcome-minimized .welcome-strip{height:3px !important}
body.bimbea-v91.vp:not(.welcome-minimized):not(.product-page) #experience > section.environment:first-child{padding-top:calc(64px + var(--welcome-height) + 8px) !important}
}

/* ---------------------------------------------------------------------
   PC · Fila 13 (segunda parte), agregado el 13 sep: en las páginas de tema
   central (/explorar/…) la caja "PÁGINA MAESTRA · N AMBIENTES / Mascotas /
   descripción" medía ~150 px antes de la primera ficha. Pasa a un renglón
   de ~44-48 px: rótulo + título + descripción en línea. El título sigue
   siendo el h1 de la página (posicionamiento) y la descripción se muestra
   completa (se parte en 2 renglones si es larga, nunca se recorta).
   --------------------------------------------------------------------- */
@media (min-width:1101px) and (min-height:600px){
body.bimbea-v91.vp .bimbea-category-intro.bimbea-master-intro{
	display:flex !important;
	flex-wrap:nowrap;
	align-items:center;
	gap:14px;
	width:min(100%,1180px);
	max-width:none;
	margin:0 var(--desktop-edge,62px) 10px 0 !important;
	padding:8px 16px !important;
	border-radius:12px;
}
body.bimbea-v91.vp .bimbea-category-intro.bimbea-master-intro span{flex:0 0 auto;font-size:.5rem;white-space:nowrap}
body.bimbea-v91.vp .bimbea-category-intro.bimbea-master-intro h1{flex:0 0 auto;margin:0;font-size:1.45rem !important;line-height:1.1;letter-spacing:-.02em;white-space:nowrap}
body.bimbea-v91.vp .bimbea-category-intro.bimbea-master-intro p{flex:1 1 auto;min-width:0;margin:0;font-size:.78rem !important;line-height:1.3}
}

/* ---------------------------------------------------------------------
   CELULAR Y TABLETA (hasta 960 px)
   --------------------------------------------------------------------- */
@media (max-width:960px){

/* Fila 82 / regla R15: un solo anzuelo adelante a todo lo ancho (48 px) y
   el de atrás como flechita redonda de 40 px, en un renglón. Hoy son dos
   cajas de 76 px apiladas más la fila de flechas (~240 px): queda en ~101 */
.bmb-anz-riel{
	margin:6px 12px 0 !important;
	gap:8px;
	row-gap:6px;
	flex-wrap:wrap;
	justify-content:center;
}
.bmb-anz-izq{
	order:0;
	flex:0 0 40px;
	width:40px !important;
	height:40px !important;
	padding:0 !important;
	margin:0 !important;
	border-radius:50%;
	justify-content:center;
}
/* el texto de "viste antes" sigue en el DOM para lector de pantalla; en
   celular solo se ve la flecha redonda (decisión de la fila 82) */
.bmb-anz-izq .bmb-anz-txt{
	position:absolute;
	width:1px;
	height:1px;
	overflow:hidden;
	clip:rect(0 0 0 0);
	white-space:nowrap;
}
.bmb-anz-der{
	order:1;
	flex:1 1 200px;
	width:auto !important;
	height:48px !important;
	margin:0 !important;
	padding:5px 12px !important;
	border-radius:12px;
	gap:8px;
	justify-content:space-between;
}
.bmb-anz-der .bmb-anz-txt{text-align:left;gap:1px}
.bmb-anz-der .bmb-anz-ver{font-size:8.5px}
.bmb-anz-der .bmb-anz-nom{
	height:auto;
	font-size:13px;
	line-height:1.15;
	-webkit-line-clamp:1;
	white-space:nowrap;
	text-overflow:ellipsis;
}
.bmb-anz-der .bmb-anz-pil{font-size:10px;height:13px}
/* segundo renglón: flecha · barras · flecha (las flechas del riel siguen,
   más chicas; el script nuevo las quita porque repiten a los anzuelos) */
.bmb-anz-fl{order:2;width:28px;height:28px}
.bmb-anz-fl[aria-label="Hallazgo siguiente"]{order:4}
.bmb-anz-barras{order:3;gap:5px}
.bmb-anz-b,.bmb-anz-b::before{width:22px}
.bmb-anz-b{height:24px}
.bmb-anz-ley{margin:3px 0 0;font-size:11px;line-height:1.2}

/* Regla R14 (celular): nombre y frase antes que las miniaturas; miniaturas
   tocables de 52 × 44; "VER LAS N VISTAS" como botón real de 44 px */
body.bimbea-v91 .product-unit .product-info > .product-name{order:-3}
body.bimbea-v91 .product-unit .product-info > .product-phrase{order:-2}
body.bimbea-v91 .product-unit .product-info > .card-media-nav{
	order:-1;
	min-height:46px;
	gap:6px;
	margin:2px 0 4px;
	padding-bottom:2px;
}
body.bimbea-v91 .product-unit .product-info > .card-media-nav .card-media-thumb{
	flex:0 0 52px;
	width:52px;
	height:44px;
	border-radius:8px;
}
body.bimbea-v91 .product-unit .product-info > .details-link{
	min-height:44px;
	margin:4px 0 !important;
	padding:8px 12px;
	border:1px solid #e1d6c3;
	border-radius:999px;
	background:#fbf7f0;
	color:#712a33;
	text-decoration:none;
}
/* Fila 14 (CAMBIO 7 celular): el botón pegajoso dejó de pegarse cuando
   "Ficha que vende" lo envolvió en .bmb-x-caja. La caja se vuelve
   transparente al acomodo y el botón vuelve a quedarse abajo, de 52 px */
body.bimbea-v91 .product-unit .product-info > .bmb-x-caja{display:contents}
body.bimbea-v91 .product-unit .product-info > .bmb-x-caja > .btn-main--cart,
body.bimbea-v91 .product-unit .product-info > .btn-main--cart{
	position:sticky;
	bottom:0;
	z-index:3;
	min-height:52px;
	box-shadow:0 -10px 18px -12px rgba(45,31,25,.45) !important;
}
body.bimbea-v91 .product-unit .product-info > .bmb-x-caja > .bmb-x-confianza{margin:8px 0 2px}
/* encabezado del ambiente: la intro a un renglón (ahorra ~25 px) */
body.bimbea-v91 .environment > .env-intro,
body.bimbea-v91 .env-header-text > .env-intro{
	display:-webkit-box;
	-webkit-line-clamp:1;
	-webkit-box-orient:vertical;
	overflow:hidden;
	max-width:100%;
	margin-bottom:5px;
}

} /* fin celular */


/* ===================== E. ANZUELOS ELEGANTES ===================== */
/* =====================================================================
   BIMBEA · Anzuelos elegantes · 13 sep 2026
   CSS para la estructura descrita en anzuelos_elegantes.md. Clases nuevas
   con prefijo bmb-nav-; clases existentes que se usan: .gap-nav (tema),
   .progress-indicator (tema) y las variables --desktop-edge / --desktop-card
   que ya define la capa de escritorio del tema y el CSS adicional CAMBIO 12.
   Paleta: papel #fbf7f0 · vino #712a33 · vino oscuro #501c28 · tinta
   #2a231b · secundario #5d5142 · filete #e1d6c3 · latón #a9905e (barras
   vistas). Verde laurel no aparece: es solo del botón de compra.
   ===================================================================== */

/* el "1 / 6 — DESLIZA" del tema se transforma en el riel (no se borra) */
.progress-indicator.bmb-nav-viejo{display:none !important}

/* -------------------------------------------------------------------
   PC · misma condición que la ficha completa (1101 px y 600 px de alto)
   ------------------------------------------------------------------- */
@media (min-width:1101px) and (min-height:600px){

/* El hueco entre tarjetas: mismo ancho de siempre (72 px), pero con capa
   propia por encima de las tarjetas vecinas y sin el brillo blanco del tema */
body.bimbea-v91.vp .gap-nav.bmb-nav{
	position:relative !important;
	z-index:4 !important;
	overflow:visible !important;
	filter:none !important;
	/* lado = (ancho del carrusel − ancho de la ficha) / 2 = hueco + asomo de la vecina */
	--bmb-nav-lado:calc((100vw - var(--desktop-edge, 62px) - var(--desktop-card, 78vw)) / 2);
	--bmb-nav-ancho:clamp(112px,calc(var(--bmb-nav-lado) - 8px),200px);
}

/* Los dos botones del tema (‹ ›) dejan de ser medias pastillas de 34 × 50 y
   pasan a círculos; su lugar depende del estado del hueco */
body.bimbea-v91.vp .gap-nav.bmb-nav > button:not(.bmb-nav-anzuelo){
	position:absolute !important;
	z-index:2 !important;
	left:50% !important;
	width:38px !important;
	height:38px !important;
	margin-left:-19px !important;
	border:1px solid #712a33 !important;
	border-radius:50% !important;
	background:#fbf7f0 !important;
	color:#712a33 !important;
	box-shadow:0 8px 18px -10px rgba(45,31,25,.4) !important;
	font-family:Georgia,"Times New Roman",serif;
	font-size:1.25rem !important;
	line-height:1 !important;
	transform:none !important;
	backdrop-filter:none;
	transition:background .16s,color .16s,border-color .16s;
}
body.bimbea-v91.vp .gap-nav.bmb-nav > button:nth-of-type(1){top:calc(50% - 42px)}
body.bimbea-v91.vp .gap-nav.bmb-nav > button:nth-of-type(2){top:calc(50% + 4px)}

/* El anzuelo: tarjeta de papel flotante, centrada en el alto de la ficha,
   pegada al borde interior del hueco y creciendo hacia la vecina. Nunca
   pisa la ficha activa */
body.bimbea-v91.vp .bmb-nav-anzuelo{
	position:absolute !important;
	z-index:1 !important;
	top:50% !important;
	display:flex !important;
	flex-direction:column !important;
	gap:4px !important;
	width:var(--bmb-nav-ancho) !important;
	height:160px !important;
	margin:0 !important;
	padding:12px 12px 56px !important;
	transform:translateY(-50%) !important;
	border:1px solid #e1d6c3 !important;
	border-radius:14px !important;
	background:rgba(251,247,240,.97) !important;
	box-shadow:0 16px 32px -16px rgba(45,31,25,.35) !important;
	color:#2a231b !important;
	font:inherit;
	text-align:left !important;
	cursor:pointer !important;
	opacity:0 !important;
	visibility:hidden !important;
	transition:opacity .2s ease,visibility 0s .2s,box-shadow .16s,border-color .16s;
}
body.bimbea-v91.vp .bmb-nav-anzuelo--sigue{left:0}
body.bimbea-v91.vp .bmb-nav-anzuelo--antes{
	right:0 !important;
	height:136px !important;
	padding-bottom:50px !important;
	background:rgba(251,247,240,.94) !important;
}
/* solo se ve el anzuelo que corresponde al estado del hueco */
body.bimbea-v91.vp .gap-nav.bmb-nav--sigue > .bmb-nav-anzuelo--sigue,
body.bimbea-v91.vp .gap-nav.bmb-nav--antes > .bmb-nav-anzuelo--antes{
	opacity:1 !important;
	visibility:visible !important;
	transition:opacity .22s ease .06s,visibility 0s,box-shadow .16s,border-color .16s;
}

/* textos: kicker en vino con filete, nombre en Georgia, pilar en gris */
body.bimbea-v91.vp .bmb-nav-kicker{
	display:flex !important;
	align-items:center;
	gap:6px !important;
	font-size:8.5px !important;
	font-weight:750;
	letter-spacing:.18em;
	line-height:1 !important;
	text-transform:uppercase;
	color:#712a33 !important;
	white-space:nowrap;
}
body.bimbea-v91.vp .bmb-nav-kicker::after{content:"";flex:1 1 auto;height:1px;background:#e1d6c3}
body.bimbea-v91.vp .bmb-nav-nombre{
	display:-webkit-box !important;
	-webkit-line-clamp:3;
	-webkit-box-orient:vertical;
	overflow:hidden !important;
	font-family:Georgia,"Times New Roman",serif;
	font-size:13px !important;
	font-weight:500;
	line-height:1.2 !important;
	color:#2a231b !important;
	overflow-wrap:anywhere;
}
body.bimbea-v91.vp .bmb-nav-pilar{
	display:-webkit-box !important;
	-webkit-line-clamp:2;
	-webkit-box-orient:vertical;
	overflow:hidden !important;
	font-size:10px !important;
	line-height:1.3 !important;
	color:#5d5142 !important;
}
/* el de atrás es deliberadamente más callado */
body.bimbea-v91.vp .bmb-nav-anzuelo--antes .bmb-nav-kicker{color:#5d5142}
body.bimbea-v91.vp .bmb-nav-anzuelo--antes .bmb-nav-nombre{
	-webkit-line-clamp:2;
	color:#5d5142 !important;
	font-style:italic;
}

/* Estado "lo que sigue": el › del tema vive dentro del anzuelo, relleno vino
   (38 px, abajo a la derecha); el ‹ queda como fantasma de 26 px abajo a la
   izquierda. Cuentas: el anzuelo va de 50%−80 a 50%+80; 80−10−38 = 32 */
body.bimbea-v91.vp .gap-nav.bmb-nav--sigue > button:nth-of-type(2){
	left:calc(var(--bmb-nav-ancho) - 48px) !important;
	top:calc(50% + 32px) !important;
	margin-left:0 !important;
	background:#712a33 !important;
	border-color:#712a33 !important;
	color:#fff7f0 !important;
}
body.bimbea-v91.vp .gap-nav.bmb-nav--sigue > button:nth-of-type(1){
	left:10px !important;
	top:calc(50% + 38px) !important;
	width:26px !important;
	height:26px !important;
	margin-left:0 !important;
	border-color:rgba(113,42,51,.35) !important;
	background:transparent !important;
	color:#5d5142 !important;
	box-shadow:none !important;
	font-size:.95rem !important;
}
/* Estado "viste antes": el ‹ en papel con filete vino dentro del anzuelo
   (136 px: 68−10−38 = 20); el › fantasma abajo a la derecha */
body.bimbea-v91.vp .gap-nav.bmb-nav--antes > button:nth-of-type(1){
	left:auto !important;
	right:calc(var(--bmb-nav-ancho) - 48px) !important;
	top:calc(50% + 20px) !important;
	margin-left:0 !important;
}
body.bimbea-v91.vp .gap-nav.bmb-nav--antes > button:nth-of-type(2){
	left:auto !important;
	right:10px !important;
	top:calc(50% + 26px) !important;
	width:26px !important;
	height:26px !important;
	margin-left:0 !important;
	border-color:rgba(113,42,51,.35) !important;
	background:transparent !important;
	color:#5d5142 !important;
	box-shadow:none !important;
	font-size:.95rem !important;
}

/* interacción: sin mover nada, solo color y sombra (nada crece, nada salta) */
@media (hover:hover){
	body.bimbea-v91.vp .bmb-nav-anzuelo:hover{
		border-color:rgba(113,42,51,.55) !important;
		box-shadow:0 20px 36px -16px rgba(45,31,25,.45) !important;
	}
	body.bimbea-v91.vp .gap-nav.bmb-nav > button:not(.bmb-nav-anzuelo):hover{
		background:#712a33 !important;
		border-color:#712a33 !important;
		color:#fff7f0 !important;
	}
	body.bimbea-v91.vp .gap-nav.bmb-nav--sigue > button:nth-of-type(2):hover{background:#501c28;border-color:#501c28}
}
body.bimbea-v91.vp .bmb-nav-anzuelo:focus-visible,
body.bimbea-v91.vp .gap-nav.bmb-nav > button:not(.bmb-nav-anzuelo):focus-visible{
	outline:2px solid #712a33;
	outline-offset:2px;
}
/* anzuelos ocultos: sin foco ni clic (el script pone además el atributo inert) */
body.bimbea-v91.vp .bmb-nav-anzuelo[inert]{pointer-events:none}

/* ---- Riel en PC: barras + leyenda en un solo renglón de 30 px (antes 123) ---- */
body.bimbea-v91.vp .bmb-nav-riel{
	display:flex !important;
	align-items:center;
	justify-content:center;
	gap:14px !important;
	min-height:30px;
	margin:6px 0 0 !important;
	padding-right:var(--desktop-edge, 62px);
}
/* la pareja de celular (flechita + anzuelo ancho) es la misma función que
   los anzuelos del hueco; en PC no se muestra */
body.bimbea-v91.vp .bmb-nav-atras,
body.bimbea-v91.vp .bmb-nav-sigue{display:none}
body.bimbea-v91.vp .bmb-nav-ley{
	margin:0 !important;
	font-size:11.5px !important;
	line-height:1.2 !important;
	color:#5d5142 !important;
	font-variant-numeric:tabular-nums;
}

} /* fin PC */

/* -------------------------------------------------------------------
   Barras de avance (PC y celular): 3 estados, área de toque de 24 px
   ------------------------------------------------------------------- */
.bmb-nav-barras{display:flex;align-items:center;gap:6px}
.bmb-nav-b{
	position:relative;
	width:30px;
	height:24px;
	padding:0;
	border:0;
	background:none;
	cursor:pointer;
}
.bmb-nav-b::before{
	content:"";
	position:absolute;
	left:0;
	top:50%;
	width:100%;
	height:3px;
	border-radius:3px;
	background:#cdbfa6;
	transform:translateY(-50%) scaleX(.45);
	transform-origin:left center;
	transition:transform .22s cubic-bezier(.2,.8,.2,1),background-color .22s,height .22s;
}
.bmb-nav-b.visto::before{background:#a9905e}
.bmb-nav-b[aria-current="true"]::before{
	transform:translateY(-50%) scaleX(1);
	height:5px;
	background:#712a33;
}
.bmb-nav-b:focus-visible{outline:2px solid #712a33;outline-offset:1px;border-radius:4px}

/* -------------------------------------------------------------------
   CELULAR Y TABLETA (hasta 960 px): un anzuelo adelante a todo lo ancho
   (48 px) y el de atrás como flechita redonda de 40 px; barras debajo.
   Total 78 px. Los anzuelos del hueco no existen aquí (misma función,
   otro lugar).
   ------------------------------------------------------------------- */
@media (max-width:1100px), (max-height:599px){
.gap-nav.bmb-nav > .bmb-nav-anzuelo{display:none !important}
.bmb-nav-riel{
	display:grid;
	grid-template-columns:40px minmax(0,1fr);
	grid-template-rows:48px auto;
	column-gap:8px;
	row-gap:6px;
	align-items:center;
	margin:6px 12px 0;
}
.bmb-nav-atras{
	grid-area:1 / 1;
	width:40px;
	height:40px;
	padding:0;
	border:1px solid #712a33;
	border-radius:50%;
	background:#fbf7f0;
	color:#712a33;
	font-family:Georgia,"Times New Roman",serif;
	font-size:1.3rem;
	line-height:1;
	cursor:pointer;
}
.bmb-nav-atras[disabled]{opacity:.35;pointer-events:none}
.bmb-nav-sigue{
	grid-area:1 / 2;
	display:grid;
	grid-template-columns:minmax(0,1fr) 22px;
	grid-template-rows:auto auto;
	column-gap:10px;
	row-gap:2px;
	align-items:center;
	height:48px;
	padding:5px 12px;
	border:1px solid #712a33;
	border-radius:12px;
	background:#712a33;
	color:#fff7f0;
	font:inherit;
	text-align:left;
	cursor:pointer;
	box-shadow:0 10px 22px -12px rgba(45,31,25,.45);
}
.bmb-nav-sigue .bmb-nav-kicker{
	grid-area:1 / 1;
	display:block;
	font-size:8.5px;
	font-weight:750;
	letter-spacing:.16em;
	line-height:1;
	text-transform:uppercase;
	color:#fff7f0;
	opacity:.82;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}
.bmb-nav-sigue .bmb-nav-kicker::after{display:none}
.bmb-nav-sigue .bmb-nav-cuenta{font-weight:750;font-variant-numeric:tabular-nums}
.bmb-nav-sigue .bmb-nav-nombre{
	grid-area:2 / 1;
	display:block;
	font-family:Georgia,"Times New Roman",serif;
	font-size:13px;
	font-weight:500;
	line-height:1.2;
	color:#fff7f0;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}
.bmb-nav-sigue .bmb-nav-flecha{
	grid-area:1 / 2 / 3 / 3;
	font-family:Georgia,"Times New Roman",serif;
	font-size:1.5rem;
	line-height:1;
	text-align:center;
}
/* último hallazgo del ambiente: el anzuelo pasa a papel y lo dice */
.bmb-nav-sigue[disabled]{
	background:#fbf7f0;
	border-color:#e1d6c3;
	color:#5d5142;
	box-shadow:none;
	pointer-events:none;
}
.bmb-nav-sigue[disabled] .bmb-nav-kicker,
.bmb-nav-sigue[disabled] .bmb-nav-nombre,
.bmb-nav-sigue[disabled] .bmb-nav-flecha{color:#5d5142}
.bmb-nav-sigue:focus-visible,
.bmb-nav-atras:focus-visible{outline:2px solid #712a33;outline-offset:2px}
.bmb-nav-barras{
	grid-area:2 / 1 / 3 / 3;
	justify-content:center;
	gap:5px;
	min-height:24px;
}
.bmb-nav-b{width:22px}
/* la leyenda queda para lector de pantalla: su "3 de 6" ya va en el anzuelo */
.bmb-nav-ley{
	position:absolute;
	width:1px;
	height:1px;
	overflow:hidden;
	clip:rect(0 0 0 0);
	white-space:nowrap;
	margin:0;
}
}

@media (prefers-reduced-motion:reduce){
	.bmb-nav-anzuelo,.bmb-nav-b::before,.gap-nav.bmb-nav > button{transition:none !important}
}

/* ---------------------------------------------------------------------
   PC · 14 sep, pedido de Juan José: las MINIATURAS pasan de un renglón
   arriba a una TIRA VERTICAL pegada al lado derecho de la foto principal.
   Se hace moviendo la panza a "display:contents" (deja de ser caja y sus
   dos hijos entran directo a la rejilla de la ficha), y la rejilla pasa
   de 2 a 3 columnas: [miniaturas 66 px][venta][características].
   Nada se quita: el título del ambiente y "VER LAS N VISTAS" siguen ahí.
   Solo aplica en PC de 1280 px o más de ancho y 600 de alto.
   --------------------------------------------------------------------- */
@media (min-width:1280px) and (min-height:600px){
body.bimbea-v91.vp .product-unit.bmb-b.bmb-capa-grid > .product-info{
	grid-template-columns:62px minmax(0,55fr) minmax(0,45fr) !important;
	column-gap:10px !important;
}
body.bimbea-v91.vp .product-unit.bmb-b.bmb-capa-grid > .product-info > .bmb-b-panza{
	display:contents !important;
}
body.bimbea-v91.vp .product-unit.bmb-b.bmb-capa-grid > .product-info > .bmb-b-panza > .env-header-text{
	grid-column:2 / -1 !important;
	grid-row:1 !important;
	min-width:0 !important;
	max-width:100% !important;
	overflow:hidden !important;
}
body.bimbea-v91.vp .product-unit.bmb-b.bmb-capa-grid > .product-info > .bmb-b-panza > .env-header-text{display:block !important}
body.bimbea-v91.vp .product-unit.bmb-b.bmb-capa-grid > .product-info > .bmb-b-panza > .env-header-text > .env-kicker,
body.bimbea-v91.vp .product-unit.bmb-b.bmb-capa-grid > .product-info > .bmb-b-panza > .env-header-text > .env-title,
body.bimbea-v91.vp .product-unit.bmb-b.bmb-capa-grid > .product-info > .bmb-b-panza > .env-header-text > .env-intro{
	display:block !important;
	width:100% !important;
	max-width:100% !important;
	min-width:0 !important;
	margin:0 !important;
	overflow:hidden !important;
	text-overflow:ellipsis !important;
	white-space:nowrap !important;
}
/* la venta y las características se recorren una columna a la derecha:
   la columna 1 ahora es la tira de miniaturas */
body.bimbea-v91.vp .product-unit.bmb-b.bmb-capa-grid > .product-info > .bmb-b-venta{grid-column:2 !important;grid-row:2 !important}
body.bimbea-v91.vp .product-unit.bmb-b.bmb-capa-grid > .product-info > .bmb-x-pie{grid-column:3 !important;grid-row:2 !important}
body.bimbea-v91.vp .product-unit.bmb-b.bmb-capa-grid > .product-info:not(:has(> .bmb-x-pie)) > .bmb-b-venta{grid-column:2 / -1 !important}
body.bimbea-v91.vp .product-unit.bmb-b.bmb-capa-grid > .product-info > .bmb-b-panza > .bmb-b-miniaturas{
	grid-column:1 !important;
	grid-row:1 / -1 !important;
	display:flex !important;
	flex-direction:column !important;
	align-items:center !important;
	gap:5px !important;
	width:62px !important;
	max-width:62px !important;
	min-width:0 !important;
	padding:0 2px 0 0 !important;
	margin:0 !important;
	overflow-y:auto;
	overflow-x:hidden;
	scrollbar-width:thin;
	border-right:1px solid var(--bmb-filete, #e1d6c3);
}
body.bimbea-v91.vp .product-unit.bmb-b.bmb-capa-grid > .product-info .bmb-b-miniaturas > .card-media-nav{
	display:flex !important;
	flex-direction:column !important;
	flex-wrap:nowrap !important;
	align-items:center !important;
	gap:5px !important;
	width:100% !important;
	max-width:100% !important;
	overflow:visible !important;
}
body.bimbea-v91.vp .product-unit.bmb-b.bmb-capa-grid > .product-info .bmb-b-miniaturas .card-media-thumb{
	width:52px !important;
	height:52px !important;
	min-width:52px !important;
	min-height:52px !important;
	flex:0 0 auto !important;
	border-radius:8px !important;
}
body.bimbea-v91.vp .product-unit.bmb-b.bmb-capa-grid > .product-info .bmb-b-miniaturas > .card-media-count{
	width:100% !important;
	text-align:center !important;
	font-size:.6rem !important;
	line-height:1.1 !important;
}
body.bimbea-v91.vp .product-unit.bmb-b.bmb-capa-grid > .product-info .bmb-b-miniaturas > .details-link{
	flex:0 0 auto !important;
	height:auto !important;
	align-self:stretch !important;
	width:100% !important;
	max-width:100% !important;
	margin:2px 0 0 !important;
	padding:4px 2px !important;
	font-size:.5rem !important;
	line-height:1.15 !important;
	letter-spacing:.02em !important;
	white-space:normal !important;
	word-break:break-word;
	text-align:center !important;
}
body.bimbea-v91.vp .product-unit.bmb-b.bmb-capa-grid > .product-info .bmb-b-miniaturas > .details-link small,
body.bimbea-v91.vp .product-unit.bmb-b.bmb-capa-grid > .product-info .bmb-b-miniaturas > .details-link span{display:none !important}
}