/**
 * BAMZE Cotizacion - estilos de la pagina del carrito ([bamze_cotizacion]).
 * Solo se encola en la pagina que contiene el shortcode (ver BC_Assets).
 */

.bc-carrito { margin: 8px 0 24px; }
.bc-carrito--procesando { opacity: .6; pointer-events: none; }

/* Tabla de items */
.bc-tabla-wrap { overflow-x: auto; }
.bc-tabla { width: 100%; border-collapse: collapse; }
.bc-tabla th,
.bc-tabla td {
	padding: 10px;
	border-bottom: 1px solid #e5e5e5;
	vertical-align: middle;
	text-align: left;
}
.bc-tabla thead th { border-bottom: 2px solid #01116E; }
.bc-td-img img { border-radius: 4px; object-fit: cover; }
.bc-td-nombre a { font-weight: 600; }
.bc-sku { display: block; font-size: .8em; color: #777; }
/* Pasos del encabezado sin navegacion (BC_Frontend los rotula; carrito.js les
   quita el href): sin el cursor de mano no invitan a un clic que no hace nada. */
.bc-pagina-cotizacion .woo-page-header .breadcrumb a { cursor: default; }

/* Cantidad con flechas, el mismo gesto que el carrito lateral. El campo sigue
   aceptando escritura (pedir 40 unidades a golpe de flecha seria absurdo). */
.bc-qty-grupo { display: inline-flex; align-items: stretch; }
.bc-qty { width: 58px; padding: 4px; text-align: center; border-radius: 0; }
.bc-carrito .bc-qty-btn {
	width: 32px;
	background: #f2f4f9;
	border: 1px solid #d8dce6;
	color: #01116E;
	font-size: 15px;
	font-weight: 700;
	line-height: 1;
	cursor: pointer;
	padding: 0;
}
.bc-carrito .bc-qty-btn:hover { background: #e4e9f5; }
.bc-qty-aviso { margin: 6px 0 0; font-size: .78em; color: #8a5b00; max-width: 190px; }
.bc-qty-aviso[hidden] { display: none; }
.bc-quitar { color: #C0392B; text-decoration: underline; font-size: .9em; }
.bc-td-total-label { text-align: right; font-weight: 700; }
.bc-total { font-size: 1.1em; font-weight: 700; color: #01116E; }
.bc-nota { font-size: .85em; color: #666; margin-top: 8px; }

/* Estado vacio */
.bc-vacio { padding: 24px 0; }
.bc-vacio .bc-btn-tienda { background: #01116E !important; color: #fff !important; }

/* --- Bloques numerados de la solicitud (v0.41.0) ---
   La pagina era una sola columna plana de 1140 px sobre blanco: tabla, datos y
   entrega sin nada que los separara. "Ubicacion de entrega" era un h4 de 14 px,
   el MISMO tamano que las etiquetas de los campos que tenia al lado, asi que no
   se leia como seccion sino como una etiqueta mas; el dueno lo noto de
   inmediato. Ahora cada tarea es una tarjeta con su numero: el visitante ve de
   un vistazo cuantas cosas le faltan y donde termina una y empieza otra. */

.bc-bloque {
	border: 1px solid #e2e8f3;
	border-radius: 12px;
	background: #ffffff;
	padding: 0 22px 20px;
	margin: 0 0 18px;
}

.bc-bloque__cab {
	display: flex;
	align-items: center;
	gap: 12px;
	padding: 18px 0 14px;
	margin-bottom: 18px;
	border-bottom: 1px solid #eef1f7;
}

.bc-bloque__n {
	display: grid;
	place-items: center;
	width: 28px;
	height: 28px;
	flex: none;
	border-radius: 9999px;
	background: #01116E;
	color: #ffffff;
	font-size: 14px;
	font-weight: 700;
	line-height: 1;
}

.bc-bloque__titulo {
	margin: 0;
	font-size: 1.05rem;
	line-height: 1.3;
	color: #1d2127;
}

/* La accion final se separa de las tarjetas y dice que pasa despues: en un
   catalogo sin precios, enviar no es comprar y conviene decirlo junto al boton
   (la duda aparece justo ahi). */
.bc-enviar-zona {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 10px;
	padding: 2px 0 8px;
}

/* Clase repetida: .button de Porto llega despues con la misma fuerza. */
.bc-enviar.bc-enviar {
	min-width: 280px;
	padding: 15px 28px;
	border-radius: 8px;
	font-size: 16px;
	font-weight: 800;
	line-height: 1.25;
}

.bc-enviar-nota {
	margin: 0;
	max-width: 620px;
	font-size: .85em;
	line-height: 1.5;
	color: #667085;
}

/* Formulario */
.bc-form-ayuda { font-size: .82em; color: #4b5563; margin: 0 0 14px; }
.bc-form label { display: block; margin-bottom: 12px; font-weight: 600; color: #1f2937; }
.bc-form input,
.bc-form select,
.bc-form textarea {
	display: block;
	width: 100%;
	margin-top: 4px;
	padding: 8px;
	border: 1px solid #ccc;
	border-radius: 4px;
	font-weight: 400;
}
/* Los campos se acotan a 900 px aunque la pagina mida 1140: repartidos a todo
   lo ancho quedaban cuatro columnas y la vista tenia que saltar de un extremo
   al otro para leer cinco datos. La tabla de equipos si aprovecha todo el
   ancho, que es donde hace falta. */
.bc-form__grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
	gap: 0 18px;
	max-width: 900px;
}
.bc-form select:disabled { background: #f3f3f3; cursor: not-allowed; }
/* Letra y bordes legibles (0.99.13): Porto pinta los campos en gris #777 con un
   borde negro al 8 % y le gana el empate a .bc-form input; con .bc-carrito delante
   manda esta hoja. Provincia y distrito desactivados se leían a 2,57:1. */
.bc-carrito .bc-form input,
.bc-carrito .bc-form select,
.bc-carrito .bc-form textarea {
	border-color: #8c8c8c;
	color: #1f2937;
}
.bc-carrito .bc-form ::placeholder { color: #6b7280; opacity: 1; }
.bc-carrito .bc-form input:focus,
.bc-carrito .bc-form select:focus,
.bc-carrito .bc-form textarea:focus { border-color: #01116e; }
.bc-carrito .bc-form select:disabled { color: #4b5563; }
.bc-enviar { background: #01116E !important; color: #fff !important; }
.bc-enviar:disabled { opacity: .6; cursor: wait; }

/* Honeypot: fuera de pantalla para personas; los bots que leen el DOM si lo llenan */
.bc-hp-wrap {
	position: absolute !important;
	left: -9999px !important;
	width: 1px;
	height: 1px;
	overflow: hidden;
}

/* Resultado del envio */
.bc-resultado { margin-top: 16px; padding: 16px; border-radius: 6px; }
.bc-resultado--ok { background: #eef7f0; border: 1px solid #1A7F43; }
.bc-resultado--error { background: #fdf0ee; border: 1px solid #C0392B; }
.bc-wsp {
	background: #25D366 !important;
	color: #fff !important;
	margin-top: 8px;
	display: inline-block;
}

.bc-proforma-btn {
	margin-top: 8px;
	margin-left: 8px;
	display: inline-block;
}

/* --- Telefono: los nueve campos median 36 px de alto. Ademas, por debajo de
   16 px de tipografia Safari de iOS hace zoom al enfocar un campo y descuadra
   la pagina, asi que el formulario se fija en 16 px. --- */

@media (max-width: 767px) {
	/* Se antepone .bc-carrito a proposito: el theme.css de Porto estiliza los
	   campos con la MISMA especificidad que .bc-form input y, al cargar
	   despues, ganaba el empate. Con el contenedor delante sube a 0,2,1 y no
	   hace falta recurrir a !important. */
	.bc-carrito .bc-form input,
	.bc-carrito .bc-form select,
	.bc-carrito .bc-form textarea {
		padding: 12px 10px;
		font-size: 16px;
	}

	.bc-form label {
		margin-bottom: 14px;
	}

	.bc-enviar,
	.bc-vacio .bc-btn-tienda,
	.bc-wsp,
	.bc-proforma-btn {
		display: block;
		width: 100%;
		min-height: 44px;
		margin-left: 0;
		text-align: center;
	}

	.bc-tabla th,
	.bc-tabla td {
		padding: 8px 6px;
	}

	.bc-carrito .bc-qty {
		width: 56px;
		padding: 10px 4px;
		font-size: 16px;
	}

	/* Mínimo táctil del proyecto en las flechas. */
	.bc-carrito .bc-qty-btn {
		width: 44px;
		min-height: 44px;
		font-size: 17px;
	}

	.bc-quitar {
		display: inline-block;
		padding: 10px 2px;
	}
}

/* Documento del cliente: tipo (RUC/DNI) y numero en una sola linea. */
.bc-doc {
	display: flex;
	gap: 8px;
}

.bc-carrito .bc-doc__tipo {
	width: 86px;
	flex-shrink: 0;
}

.bc-carrito .bc-doc__num {
	flex: 1;
	min-width: 0;
}

/* --- Comprobante tras enviar y rastro de la ultima solicitud --- */

.bc-carrito--enviado .bc-qty {
	background: #f1f5f9;
	color: #475569;
	border-color: #e2e8f0;
	pointer-events: none;
}

.bc-carrito--enviado .bc-tabla td,
.bc-carrito--enviado .bc-tabla th {
	opacity: 0.85;
}

.bc-ultima {
	margin-top: 22px;
	padding: 18px 20px;
	border: 1px solid #cbd5e1;
	border-radius: 10px;
	background: #f8fafc;
}

.bc-ultima__titulo {
	margin: 0 0 4px;
	font-size: 15px;
}

.bc-ultima__texto {
	margin: 0 0 12px;
	color: #475569;
	font-size: 14px;
}

.bc-ultima__acciones {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	margin: 0;
}

.bc-carrito .bc-cuenta {
	display: flex;
	align-items: flex-start;
	gap: 10px;
	margin: 4px 0 14px;
	font-size: 14px;
	line-height: 1.5;
	color: #475569;
	cursor: pointer;
}

.bc-carrito .bc-cuenta input {
	margin-top: 3px;
	width: 18px;
	height: 18px;
	flex: none;
}