/**
 * BAMZE Cotizacion - estilos globales del frontend (botones y badge).
 * Los estilos de la pagina del carrito viven en carrito.css.
 * Paleta de marca: navy #01116E (color primario verificado de bamze.pe).
 */

.bc-add-btn {
	background: #01116E !important;
	color: #fff !important;
	border: 0;
	cursor: pointer;
	transition: opacity .2s;
}
.bc-add-btn:hover { opacity: .9; }
.bc-add-btn--ok { background: #1A7F43 !important; }

/* Estado que SE QUEDA: el equipo ya esta en la cotizacion en curso (lo pinta
   bamze-cotizacion.js desde la cookie bc_cot_items). Verde suave para no
   competir con la accion principal navy, y borde por sombra interior para no
   alterar el tamano del boton. Otro clic agrega una unidad mas. */
.bc-add-btn--en-lista {
	background: #e7f6ee !important;
	color: #14804a !important;
	box-shadow: inset 0 0 0 1px #a8dcc0;
}
.bc-add-btn--en-lista:hover {
	opacity: 1;
	background: #d8efe3 !important;
}
.bc-add-btn--esperando { opacity: .65 !important; cursor: wait !important; }
/* --- Documentos del cliente en Mi cuenta (v0.45.0) ---
   La pantalla es nuestra (templates/mis-cotizaciones.php) pero vive dentro de
   Mi cuenta de WooCommerce y hereda su tabla, asi que hasta ahora no tenia
   estilos propios. Medido el 17-ago-2026 en su contexto real: los botones
   salian con el texto en GRIS #777 sobre fondo navy (contraste 2,2:1), que es
   lo que los hacia parecer desactivados aunque el enlace funciona; y los dos
   quedaban pegados sin ninguna separacion. Se les da color legible, aire y
   jerarquia: la cotizacion oficial es el documento que importa, el resumen es
   el comprobante. */

.bc-mis-cot td {
	vertical-align: middle;
}

.bc-mis-cot .button {
	display: inline-block;
	margin: 0 8px 8px 0;
	padding: 10px 18px;
	border: 2px solid #01116E;
	border-radius: 8px;
	background: #01116E;
	color: #ffffff;
	font-size: 14px;
	font-weight: 700;
	line-height: 1.2;
	text-decoration: none;
	white-space: nowrap;
}

.bc-mis-cot .button:hover,
.bc-mis-cot .button:focus {
	background: #091f7c;
	border-color: #091f7c;
	color: #ffffff;
}

/* El resumen es el comprobante de lo que pidio: presente pero por debajo de la
   cotizacion oficial, para que no compitan dos botones iguales. */
.bc-mis-cot .bc-doc-resumen {
	background: #ffffff;
	color: #01116E;
}

.bc-mis-cot .bc-doc-resumen:hover,
.bc-mis-cot .bc-doc-resumen:focus {
	background: #eef1fb;
	border-color: #01116E;
	color: #01116E;
}

.bc-mis-cot__nota {
	margin-top: 14px;
	font-size: .88em;
	line-height: 1.6;
	color: #667085;
}

/* --- Jerarquia de acciones en la ficha y en la vista previa (v0.39.0) ---
   Medido el 17-ago-2026 sobre un producto real: el boton que alimenta el
   sistema medía 167x37 px, y los tres que la empresa coloco en la descripcion
   corta con MaxButtons median 60 px de alto y hasta 269 de ancho. El visitante
   pulsa el mas grande; el dueno lo noto por instinto y los numeros lo
   confirman. Aqui no se borra ni se desactiva ningun boton de la empresa: se
   ordenan por importancia. Los de MaxButtons conservan su color (es lo unico
   que traen en linea) y pasan a una escala secundaria pareja, que ademas
   quita unos 50 px de alto al modal de vista previa, donde el ultimo boton
   quedaba cortado. Para volver atras basta con quitar este bloque. */

/* Clase repetida a proposito: la regla .button de Porto llega despues con la
   misma fuerza y dejaba el boton en 8px de relleno y peso normal, mas bajo
   incluso que los botones secundarios. Con dos clases gana esta sin recurrir
   a !important. */
.bc-add-btn.bc-add-btn--single {
	display: block;
	width: 100%;
	box-sizing: border-box;
	margin: 12px 0 6px;
	padding: 15px 20px;
	border-radius: 8px;
	font-size: 16px;
	font-weight: 800;
	line-height: 1.25;
	text-align: center;
}

.bc-add-ayuda {
	margin: 0 0 14px;
	font-size: 13px;
	line-height: 1.5;
	color: #6b7280;
}

/* Video del equipo desde el campo del panel: mismo tamano que los botones
   secundarios de la ficha, para que la fila se lea pareja. */
.bc-video-btn.bc-video-btn {
	display: block;
	width: 100%;
	box-sizing: border-box;
	margin: 0 0 6px;
	padding: 12px 16px;
	border-radius: 8px;
	background: #b91c1c;
	color: #ffffff;
	font-size: 15px;
	font-weight: 700;
	line-height: 1.3;
	text-align: center;
}

.bc-video-btn.bc-video-btn:hover {
	background: #991b1b;
	color: #ffffff;
}

.summary.entry-summary .mb-button {
	display: block;
	width: 100%;
	box-sizing: border-box;
	margin: 0 0 6px;
	padding: 12px 16px;
	font-size: 15px;
	line-height: 1.3;
	text-align: center;
	border-radius: 8px;
}
.bc-add-btn--loop {
	display: block;
	text-align: center;
	margin-top: 6px;
	font-size: .85em;
	padding: 6px 10px;
}

.bc-badge-count {
	background: #01116E;
	color: #fff;
	border-radius: 50%;
	font-size: 11px;
	min-width: 18px;
	height: 18px;
	line-height: 18px;
	display: inline-block;
	text-align: center;
}
/* El atributo hidden pierde contra el display de arriba: reforzarlo. */
.bc-badge-count[hidden] { display: none; }

/* Enlace discreto de acceso del personal al final de todas las paginas */
.bc-acceso-pie {
	background: #01116E;
	text-align: center;
	padding: 9px 15px;
	border-top: 1px solid rgba(255, 255, 255, 0.08);
}
.bc-acceso-pie a {
	color: rgba(255, 255, 255, 0.45);
	font-size: 12px;
	letter-spacing: 0.5px;
	text-decoration: none;
}
.bc-acceso-pie a:hover,
.bc-acceso-pie a:focus {
	color: #ffffff;
	text-decoration: underline;
}

.bc-acceso-pie__sep {
	color: rgba(255, 255, 255, 0.3);
	margin: 0 10px;
}

/* --- Catalogo con el diseno del mockup aprobado (shop.html / bamze-fallback) --- */

.products .product-col {
	display: flex;
}

.products .product-col .product-inner {
	width: 100%;
	display: flex;
	flex-direction: column;
	position: relative;
	overflow: hidden;
	background: #ffffff;
	border: 1px solid #e4e8f0;
	border-radius: 12px;
	box-shadow: 0 12px 30px rgba(9, 18, 47, 0.06);
	transition: transform 0.18s ease, box-shadow 0.18s ease, border-color 0.18s ease;
}

.products .product-col .product-inner:hover {
	border-color: #bdc9df;
	box-shadow: 0 18px 45px rgba(1, 17, 110, 0.1);
	transform: translateY(-3px);
}

.products .product-col .product-image {
	padding: 18px 18px 0;
	margin: 0;
}

.products .product-col .product-image .inner {
	display: grid;
	place-items: center;
	overflow: hidden;
	aspect-ratio: 1 / 1;
	border-radius: 10px;
	background: linear-gradient(135deg, rgba(1, 17, 110, 0.08), rgba(227, 0, 27, 0.04)), #f8faff;
}

.products .product-col .product-image img {
	width: 100%;
	height: 100%;
	object-fit: contain;
	border-radius: 9px;
}

.products .product-col .onsale {
	position: absolute;
	top: 26px;
	left: 26px;
	z-index: 2;
	background: #e3001b;
	color: #ffffff;
	border-radius: 6px;
	padding: 5px 10px;
	font-family: 'Barlow', Arial, sans-serif;
	font-size: 11px;
	font-weight: 800;
	letter-spacing: 0.03em;
}

/* Rellenos ajustados el 27-ago-2026: el dueno pidio que la tarjeta no tenga
   espacio libre de sobra. Se recortan los margenes entre piezas, no el tamano
   del texto ni el area tactil del boton. */
.products .product-col .product-content {
	display: flex;
	flex-direction: column;
	flex-grow: 1;
	padding: 14px 18px 14px;
	text-align: left;
}

.products .product-col .product-content .category-list {
	order: 1;
	display: block;
	margin: 0 0 5px;
}

.products .product-col .product-content .category-list a {
	color: #2357d6;
	font-family: 'Barlow', Arial, sans-serif;
	font-size: 12px;
	font-weight: 800;
	letter-spacing: 0.04em;
	text-transform: uppercase;
}

.products .product-col .product-loop-title {
	order: 2;
}

/* Marca y modelo van JUSTO DEBAJO del nombre. Esta tarjeta es un contenedor
   flex y ordena sus piezas con "order": lo que no lleva ninguno vale 0 y se
   va al principio, que es como marca y modelo acabaron encima del titulo.
   Por eso ahora TODAS las piezas llevan su numero, sin huecos. */
.products .product-col .bc-mm {
	order: 3;
}

.products .product-col .woocommerce-loop-product__title {
	/* Porto corta el titulo en UNA linea con puntos suspensivos, y con nombres
	   como "Monitor de Funciones Vitales de 5 Parametros" el cliente leia
	   "Monitor de Funciones Vitale...", que no distingue un equipo de otro.
	   Se reservan DOS lineas completas en cualquier ancho (antes solo estaba
	   corregido en movil, y entre medias quedaba un rango donde volvia a
	   cortarse a una). */
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	white-space: normal;
	overflow: hidden;
	margin: 0 0 5px;
	color: #121729;
	font-family: 'Barlow', Arial, sans-serif;
	font-size: 17px;
	font-weight: 800;
	line-height: 1.25;
}

.products .product-col .bc-disp {
	order: 4;
}

.products .product-col .bc-precio-linea {
	order: 5;
	margin-bottom: 9px;
}

/* Boton de contorno y no relleno: en una cuadricula de doce tarjetas, doce
   rectangulos azules solidos pesan mas que los propios equipos y el ojo va a
   los botones en vez de a los productos. En contorno la accion sigue siendo
   inequivoca y se rellena al pasarle el raton o al tabular. */
.products .product-col .bc-add-btn--loop {
	order: 6;
	margin-top: 0;
	width: 100%;
	text-align: center;
	border-radius: 8px;
	padding: 11px 16px;
	font-weight: 800;
	background: transparent !important;
	color: #01116E !important;
	border: 2px solid #01116E;
	transition: background-color 0.15s ease, color 0.15s ease;
}

.products .product-col .bc-add-btn--loop:hover,
.products .product-col .bc-add-btn--loop:focus-visible {
	background: #01116E !important;
	color: #ffffff !important;
	opacity: 1;
}

/* Mientras espera al servidor el boton va lleno: con fondo transparente, la
   opacidad reducida que marca la espera apenas se notaba. El estado "ya
   agregado" no se toca aqui: lo pinta de verde su propia regla, mas arriba. */
.products .product-col .bc-add-btn--loop.bc-add-btn--esperando {
	background: #01116E !important;
	color: #ffffff !important;
}

/* Los dos estados verdes (recien agregado y ya en la cotizacion) se declaran
   otra vez aqui: al pasar el boton del catalogo a contorno con !important, la
   regla de contorno gana por especificidad a las verdes generales y el equipo
   se quedaria sin confirmacion visible. */
.products .product-col .bc-add-btn--loop.bc-add-btn--ok {
	background: #1A7F43 !important;
	color: #ffffff !important;
	border-color: #1A7F43;
}

.products .product-col .bc-add-btn--loop.bc-add-btn--en-lista {
	background: #e7f6ee !important;
	color: #14804a !important;
	border-color: #a8dcc0;
	box-shadow: none;
}

.products .product-col .rating-wrap {
	order: 7;
	display: block;
	margin: 5px 0 0;
}

.products .product-col .star-rating {
	width: auto;
	height: auto;
	overflow: visible;
	font-family: inherit;
	letter-spacing: 2px;
	color: #c5cad6;
	font-size: 13px;
}

.products .product-col .star-rating::before {
	content: '\2605\2605\2605\2605\2605';
	color: #c5cad6;
	position: static;
}

.products .product-col .star-rating span {
	display: none;
}

.products .product-col .add-links .add_to_cart_read_more {
	display: none;
}

/* Badge de disponibilidad (tarjeta y ficha) */

.bc-disp {
	display: inline-flex;
	align-self: flex-start;
	margin: 0 0 8px;
	padding: 4px 10px;
	border-radius: 9999px;
	font-family: 'Barlow', Arial, sans-serif;
	font-size: 11px;
	font-weight: 800;
	letter-spacing: 0.02em;
}

.bc-disp--disponible {
	background: #e7f6ee;
	color: #14804a;
}

.bc-disp--pedido {
	background: #e8effc;
	color: #2357d6;
}

.bc-disp--ultimas {
	background: #fdf3dd;
	color: #8a5b00;
}

.bc-disp--agotado {
	background: #fdecec;
	color: #e3001b;
}

/* Linea de precio del mockup: "Precio a consultar  ver precios" */

.bc-precio-linea {
	margin: 0 0 12px;
	font-size: 13px;
}

.bc-precio-consultar {
	font-style: italic;
	font-weight: 700;
	color: #5e6878;
}

.bc-ver-precios {
	margin-left: 6px;
	color: #2357d6;
	font-size: 12px;
	text-decoration: underline;
}

.bc-precio-linea .price,
.bc-precio-linea .amount {
	color: #01116e;
	font-family: 'Barlow', Arial, sans-serif;
	font-size: 18px;
	font-weight: 800;
}

/* --- Telefono: el catalogo pasa a dos columnas y los rellenos pensados para
   escritorio dejan la tarjeta sin ancho util. Medido en 375 px: la columna da
   183 px pero al texto solo le llegan 115 px (15 px de la columna de Porto mas
   18 px de la tarjeta, por lado), asi que titulos y boton se cortaban. --- */

@media (max-width: 767px) {
	.products .product-col {
		padding-left: 8px;
		padding-right: 8px;
	}

	.products .product-col .product-image {
		padding: 10px 10px 0;
	}

	.products .product-col .product-content {
		padding: 12px 10px 14px;
	}

	/* Porto impone una sola linea con puntos suspensivos, lo que anula el alto
	   de dos lineas que pide el diseno aprobado: se devuelve el ajuste. */
	.products .product-col .woocommerce-loop-product__title {
		display: -webkit-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
		white-space: normal;
		overflow: hidden;
		font-size: 15px;
	}

	.products .product-col .product-content .category-list a {
		font-size: 11px;
	}

	.products .product-col .bc-precio-linea {
		margin-bottom: 10px;
		font-size: 12px;
	}

	/* Accion principal: area tactil de 44 px y etiqueta completa (antes de
	   cortarse, el texto pasa a dos lineas). */
	.products .product-col .bc-add-btn--loop {
		min-height: 44px;
		padding: 10px 8px;
		white-space: normal;
		line-height: 1.25;
	}

	.products .product-col .rating-wrap {
		margin-top: 6px;
	}

	/* Ficha: el boton ocupa el ancho y gana altura de dedo. */
	.bc-add-btn--single {
		display: block;
		width: 100%;
		min-height: 44px;
		padding: 12px 16px;
		text-align: center;
	}

	/* La galeria de la ficha mide 418 px en el telefono y empuja el nombre y la
	   accion fuera de la primera pantalla. */
	.single-product div.product .summary-before img {
		max-height: 280px;
		object-fit: contain;
	}

	/* Ficha: el banner de titulo gasta 152 px repitiendo "Productos - <nombre>",
	   que ya estan en la miga de pan y en el nombre del producto. Quitandolo y
	   recortando los margenes sobrantes de la galeria, el nombre, el badge y el
	   precio entran en la primera pantalla (el boton sube de 957 a 840 px). */
	.single-product .page-top h1.page-title {
		display: none;
	}

	.single-product .page-top {
		padding-top: 8px;
		padding-bottom: 8px;
	}

	.single-product .woocommerce-product-gallery,
	.single-product .summary-before {
		margin-bottom: 0;
	}
}

/* --- Menu movil del tema: se despliega SIN fondo propio (toda la cadena
   .mobile-nav-wrap > .menu-wrap > ul.mobile-menu queda en rgba(0,0,0,0)), asi
   que el contenido de la pagina se lee por debajo de los enlaces, y ademas la
   barra de filtros de producto se dibuja por delante. Vive aqui y no en el tema
   hijo porque Porto encola porto-child/style.css con una version fija que no se
   puede invalidar; esta hoja estrena URL con cada BC_VERSION. --- */

@media (max-width: 991px) {
	.mobile-nav-wrap {
		position: relative;
		z-index: 1001;
		background: #ffffff;
		box-shadow: 0 12px 26px rgba(9, 18, 47, 0.14);
	}

	.mobile-nav-wrap .menu-wrap,
	.mobile-nav-wrap ul.mobile-menu {
		background: #ffffff;
	}

	.mobile-nav-wrap ul.mobile-menu > li > a {
		padding-top: 11px;
		padding-bottom: 11px;
	}
}

/* --- Acceso directo a la ficha tecnica (PDF) del equipo, junto al badge de
   disponibilidad, como en el mockup aprobado. Solo aparece si el equipo tiene
   ficha asignada desde el panel. --- */

.bc-disp-linea {
	display: flex;
	align-items: center;
	gap: 8px;
	margin-bottom: 8px;
}

/* La tarjeta del catalogo ordena sus piezas con flex order: el contenedor
   necesita su propio puesto o saltaria al principio. Va en 4, detras de marca
   y modelo (3), que el dueno pidio pegados al nombre. */
/* El nombre ocupa una o dos lineas segun el equipo, asi que en una fila
   siempre sobra alto en las tarjetas de nombre corto. Antes ese sobrante se
   reservaba DEBAJO del nombre (min-height de dos lineas) y se leia como si
   faltara texto. Ahora el sobrante se junta aqui, en un solo respiro entre lo
   que identifica al equipo (nombre, marca, modelo, procedencia) y lo
   comercial (estado, precio, boton), que ademas queda alineado de tarjeta a
   tarjeta porque el bloque se ancla abajo. */
.products .product-col .product-content > .bc-disp-linea,
.products .product-col .product-content > .bc-disp {
	margin-top: auto;
}

.products .product-col .bc-disp-linea {
	order: 4;
	margin-bottom: 6px;
}

/* Dentro de la linea, el badge recupera el orden natural. Ojo con la
   especificidad: ".products .product-col .bc-disp" (0-3-0) le pone order 3 para
   ubicarlo en la tarjeta y gana a un ".bc-disp-linea .bc-disp" (0-2-0), asi que
   el badge quedaba DETRAS del icono. Se antepone el contenedor del catalogo. */
.bc-disp-linea .bc-disp,
.products .product-col .bc-disp-linea .bc-disp {
	order: 0;
	margin-bottom: 0;
}

.bc-disp-linea .bc-ficha-pdf {
	order: 1;
}

.bc-ficha-pdf {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	width: 30px;
	height: 30px;
	background: #fef2f2;
	color: #e3001b;
	border: 1px solid #fbdcdc;
	border-radius: 8px;
	transition: background 0.15s ease, color 0.15s ease;
}

.bc-ficha-pdf:hover,
.bc-ficha-pdf:focus {
	background: #e3001b;
	color: #ffffff;
}

/* En la ficha del producto el enlace lleva texto: ahi el PDF es informacion
   para decidir, no un adorno de la tarjeta. */
.bc-ficha-enlace {
	display: inline-block;
	margin: 0 0 10px;
	color: #2357d6;
	font-family: 'Barlow', Arial, sans-serif;
	font-size: 13px;
	font-weight: 700;
	text-decoration: underline;
}

/* --- H1 de la portada: lo lee el buscador y el lector de pantalla, no ocupa
   sitio en el diseno. Tecnica estandar de texto accesible (no display:none,
   que si lo ocultaria tambien para la tecnologia asistiva). --- */

.bc-seo-h1 {
	position: absolute;
	width: 1px;
	height: 1px;
	margin: -1px;
	padding: 0;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	clip-path: inset(50%);
	white-space: nowrap;
	border: 0;
}


/* Precio estimado: rango calculado desde el costo interno. Visible para todos
   por decision de negocio (18-ago-2026). La cifra pesa mas que la etiqueta y la
   nota va en gris legible (4.7:1 sobre blanco), no en gris decorativo. */
.bc-estimado {
	display: block;
	margin: 6px 0 2px;
	line-height: 1.35;
}
.bc-estimado__etiqueta {
	display: block;
	font-size: 0.72rem;
	font-weight: 600;
	letter-spacing: 0.4px;
	text-transform: uppercase;
	color: #5a6472;
}
.bc-estimado__cifra {
	display: block;
	font-size: 1.15rem;
	font-weight: 700;
	color: #01116e;
}
.bc-estimado__cifra .woocommerce-Price-amount {
	color: inherit;
	font-weight: inherit;
}
.bc-estimado__guion {
	font-weight: 400;
	color: #5a6472;
	padding: 0 2px;
}
.bc-estimado__nota {
	display: block;
	margin-top: 2px;
	font-size: 0.76rem;
	color: #5a6472;
}
.bc-panel .bc-estimado__cifra,
.woocommerce ul.products li.product .bc-estimado__cifra {
	font-size: 1rem;
}

/* Version compacta para tarjetas y widgets: dos lineas en vez de cuatro. En una
   rejilla de veinte equipos el protagonista es el nombre y el boton, no un
   precio que ademas no es el final; ahi la cifra acompana, no grita. */
/* Procedencia: una linea sobria encima de las caracteristicas. La etiqueta en
   gris y el valor en el color del texto, para que se lea el dato y no el
   rotulo. */
.bc-procedencia {
	margin: 10px 0 0;
	font-size: 0.9rem;
	line-height: 1.5;
	color: #3a4453;
}
.bc-procedencia__etiqueta {
	font-size: 0.78rem;
	font-weight: 700;
	letter-spacing: 0.3px;
	color: #5a6472;
	text-transform: uppercase;
}

/* Caracteristicas del equipo en la ficha: lo primero que mira un comprador
   tecnico, asi que van arriba y legibles, no enterradas en una pestana. */
.bc-caracteristicas {
	margin: 14px 0 16px;
}
.bc-caracteristicas__titulo {
	margin: 0 0 6px;
	font-size: 0.95rem;
	font-weight: 700;
	color: #01116e;
	text-transform: none;
	letter-spacing: 0;
}
/* Titulo de bloque dentro de las caracteristicas ("DATOS TECNICOS"): el texto
   del Excel ya viene agrupado asi, y respetarlo se lee mejor que una lista
   corrida de veinte puntos. */
.bc-caracteristicas__grupo {
	margin: 10px 0 4px;
	font-size: 0.82rem;
	font-weight: 700;
	letter-spacing: 0.3px;
	color: #5a6472;
	text-transform: uppercase;
}
.bc-caracteristicas__grupo:first-of-type {
	margin-top: 0;
}
.bc-caracteristicas__lista {
	margin: 0;
	padding-left: 18px;
	list-style: disc;
}
.bc-caracteristicas__lista li {
	margin: 0 0 4px;
	font-size: 0.9rem;
	line-height: 1.5;
	color: #3a4453;
}

/* Plegado de la ficha tecnica larga. Con los datos reales del Excel estas
   listas llegan a 24 renglones (1.324 px) y empujaban el boton de cotizar
   hasta los 1.971 px: dos pantallas y cuarto por debajo del pliegue. Se
   muestran los primeros renglones y el resto se abre a peticion. */
.bc-caracteristicas--plegada .bc-caracteristicas__cuerpo {
	position: relative;
	max-height: 190px;
	overflow: hidden;
}
.bc-caracteristicas--plegada .bc-caracteristicas__cuerpo::after {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	height: 56px;
	background: linear-gradient(to bottom, rgba(255, 255, 255, 0), #fff);
	pointer-events: none;
}
.bc-caracteristicas--abierta .bc-caracteristicas__cuerpo {
	max-height: none;
	overflow: visible;
}
.bc-caracteristicas--abierta .bc-caracteristicas__cuerpo::after {
	display: none;
}
.bc-caracteristicas__mas {
	margin: 8px 0 0;
	padding: 0;
	border: 0;
	background: none;
	color: #01116e;
	font-size: 0.86rem;
	font-weight: 700;
	text-decoration: underline;
	cursor: pointer;
	min-height: 44px;
}
.bc-caracteristicas__mas:hover,
.bc-caracteristicas__mas:focus {
	color: #0a2fd4;
}

/* Marca y modelo, pegados al estado del equipo: son los dos datos con los que
   un comprador tecnico identifica lo que mira. Antes iban perdidos dentro del
   texto de caracteristicas. */
.bc-mm {
	margin: 6px 0 2px;
	display: flex;
	flex-wrap: wrap;
	gap: 4px 18px;
	font-size: 0.9rem;
	line-height: 1.4;
}
.bc-mm__etq {
	color: #6b7481;
	text-transform: uppercase;
	font-size: 0.74rem;
	letter-spacing: 0.4px;
}
.bc-mm__val {
	color: #1d2532;
	font-weight: 700;
}

/* En la tarjeta del catalogo marca y modelo van UNO POR RENGLON, con su
   rotulo, igual que en la ficha del producto. Puestos seguidos el resultado
   dependia del largo del modelo: "COMEN . S8" cabia en un renglon y
   "CUMEDICAL . IPAD CU-SP1" pasaba a dos, asi que la cuadricula se leia
   despareja y a las tarjetas de un solo renglon les sobraban 30 px muertos
   encima del boton (medido en produccion el 27-ago-2026). Con dos renglones
   fijos todas las tarjetas miden lo mismo y ese hueco se llena con dato. */
.bc-mm--loop {
	flex-direction: column;
	gap: 1px;
	margin: 2px 0 7px;
	font-size: 0.82rem;
	line-height: 1.3;
}
.bc-mm--loop .bc-mm__etq {
	font-size: 0.66rem;
	letter-spacing: 0.3px;
}
.bc-mm--loop .bc-mm__par {
	display: flex;
	align-items: baseline;
	gap: 5px;
	min-width: 0;
}
/* El modelo NO se recorta: es el dato que distingue dos equipos casi iguales,
   y "BI-HYDRO 10BIH..." no sirve de nada. Si no cabe, el par baja a su propio
   renglon (el flex-wrap del contenedor) y la tarjeta crece 16 px. */
.bc-mm--loop .bc-mm__val {
	overflow-wrap: anywhere;
	font-weight: 700;
	letter-spacing: 0.01em;
}


.bc-estimado--compacto {
	margin: 4px 0 2px;
	line-height: 1.25;
}
.bc-estimado--compacto .bc-estimado__etiqueta {
	font-size: 0.62rem;
	letter-spacing: 0.3px;
}
.bc-panel .bc-estimado--compacto .bc-estimado__cifra,
.woocommerce ul.products li.product .bc-estimado--compacto .bc-estimado__cifra,
.bc-estimado--compacto .bc-estimado__cifra {
	font-size: 0.95rem;
	font-weight: 600;
}
.bc-estimado--compacto .bc-estimado__guion {
	padding: 0 1px;
}

/* ============ Catalogo en PDF de la barra lateral de la tienda ============ */

/* Va encima del widget de categorias. Hereda el hueco entre widgets del tema,
   asi que aqui solo se define lo de dentro. */
.bc-catalogo__titulo {
	margin-bottom: 12px;
}

/* Minimo tactil del proyecto: 44 px. */
.bc-catalogo__boton {
	display: block;
	min-height: 44px;
	padding: 10px 14px 11px;
	background: #01116e;
	border: 1px solid #01116e;
	color: #fff;
	text-decoration: none;
	transition: background .2s ease, color .2s ease;
}

.bc-catalogo__boton:hover,
.bc-catalogo__boton:focus {
	background: #fff;
	color: #01116e;
	text-decoration: none;
}

.bc-catalogo__texto {
	display: block;
	font-size: 12px;
	font-weight: 700;
	letter-spacing: .1em;
	text-transform: uppercase;
}

/* Segunda linea DENTRO del boton: que catalogo es y cuanto pesa. Va aqui y no
   al lado porque es lo que distingue un archivo del otro, y el boton es lo que
   la gente lee. */
.bc-catalogo__que {
	display: block;
	margin-top: 2px;
	font-size: 12px;
	font-weight: 600;
	opacity: .82;
	font-variant-numeric: tabular-nums;
}

.bc-catalogo__nota {
	margin: 9px 0 0;
	font-size: 12px;
	line-height: 1.45;
	color: #6b7280;
}

/* ── Preguntas frecuentes ([bamze_faq], v0.96.0) ──────────────────────────
   Se apoya en <details> nativo: sin JavaScript, abre y cierra solo, y el
   texto sigue ahí para el buscador aunque esté cerrado. */
.bc-faq {
	max-width: 820px;
	margin: 0 auto;
}

.bc-faq__item {
	border-bottom: 1px solid #e4e7ee;
}

.bc-faq__item:first-child {
	border-top: 1px solid #e4e7ee;
}

/* list-style en los dos sitios: Safari usa el pseudo-elemento propio y
   Chrome/Firefox la propiedad, y sin las dos queda la flechita del navegador
   encima de la nuestra. */
.bc-faq__p {
	list-style: none;
	position: relative;
	cursor: pointer;
	padding: 16px 44px 16px 0;
	font-size: 16px;
	font-weight: 600;
	line-height: 1.45;
	color: #01116e;
}

.bc-faq__p::-webkit-details-marker {
	display: none;
}

/* El signo se dibuja con dos barras giradas y no con un carácter: así no
   depende de que la fuente traiga el glifo. */
.bc-faq__p::after {
	content: "";
	position: absolute;
	right: 14px;
	top: 50%;
	width: 11px;
	height: 11px;
	margin-top: -6px;
	border-right: 2px solid #01116e;
	border-bottom: 2px solid #01116e;
	transform: rotate(45deg);
	transition: transform .18s ease;
}

.bc-faq__item[open] .bc-faq__p::after {
	transform: rotate(-135deg);
}

.bc-faq__p:hover,
.bc-faq__p:focus-visible {
	color: #e0922f;
}

.bc-faq__r {
	padding: 0 44px 18px 0;
}

.bc-faq__r p {
	margin: 0;
	font-size: 15px;
	line-height: 1.65;
	color: #4b5563;
}

@media (prefers-reduced-motion: reduce) {
	.bc-faq__p::after {
		transition: none;
	}
}

/* Móvil: el mínimo táctil del proyecto son 44 px, y el rótulo no puede
   quedar debajo del signo. */
@media (max-width: 600px) {
	.bc-faq__p {
		padding: 14px 38px 14px 0;
		font-size: 15px;
		min-height: 44px;
	}

	.bc-faq__r {
		padding-right: 0;
	}
}