/* Web Full — Mayoristas.
   Todo va prefijado .wfm para no pelear con el tema del sitio. */

.wfm {
	--wfm-ground: #f4f6f8;
	--wfm-surface: #fff;
	--wfm-surface-2: #edf0f4;
	--wfm-ink: #0f1720;
	--wfm-ink-2: #3b4754;
	--wfm-muted: #66727f;
	--wfm-line: #d9dfe6;
	--wfm-line-soft: #e8ecf1;
	--wfm-accent: #0b6e7f;
	--wfm-accent-ink: #075965;
	--wfm-accent-wash: #e2f0f2;
	--wfm-emph: #b8481f;
	--wfm-emph-wash: #fbebe4;
	--wfm-vol: #5b3e8f;
	--wfm-vol-wash: #eee8f7;
	/* Los tres tramos por monto. El verde es el mismo del módulo Flex. */
	--wfm-t1: #00a650;
	--wfm-t1-wash: #e2f5eb;
	--wfm-t2: #d92d20;
	--wfm-t2-wash: #fdeae8;
	--wfm-t3: #b8860b;
	--wfm-t3-wash: #fbf2da;
	--wfm-wa: #158a55;
	--wfm-wa-wash: #e3f3eb;
	--wfm-warn: #8a6410;
	--wfm-warn-wash: #fbf1dc;
	--wfm-r: 8px;
	color: var(--wfm-ink);
	font-size: 15px;
	line-height: 1.5;
}
.wfm *,
.wfm *::before,
.wfm *::after { box-sizing: border-box; }

.wfm .wfm-mono,
.wfm .wfm-sku { font-family: ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace; font-variant-numeric: tabular-nums; }
.wfm .wfm-muted { color: var(--wfm-muted); }

/* ---------- avisos ---------- */
.wfm-aviso {
	display: flex; flex-wrap: wrap; gap: 10px; align-items: center;
	padding: 14px 16px; margin: 0 0 18px; border-radius: var(--wfm-r);
	background: var(--wfm-accent-wash); color: var(--wfm-accent-ink);
	border: 1px solid rgba(11, 110, 127, .25); font-size: 14px;
}
.wfm-aviso-warn { background: var(--wfm-warn-wash); color: var(--wfm-warn); border-color: rgba(138, 100, 16, .3); }
.wfm-aviso-ok { background: var(--wfm-wa-wash); color: var(--wfm-wa); border-color: rgba(21, 138, 85, .3); }

/* ---------- llamada a iniciar sesión ---------- */
.wfm-cta {
	display: flex; flex-wrap: wrap; gap: 16px; align-items: center; justify-content: space-between;
	padding: 18px 20px; margin: 0 0 20px; border-radius: var(--wfm-r);
	background: var(--wfm-accent-wash); border: 1px solid rgba(11, 110, 127, .25);
}
.wfm-cards + .wfm-cta,
.wfm-grid + .wfm-cta { margin: 24px 0 0; }
.wfm-cta-txt { flex: 1 1 320px; min-width: 0; }
.wfm-cta-txt b { display: block; font-size: 16px; font-weight: 700; color: var(--wfm-accent-ink); margin-bottom: 3px; }
.wfm-cta-txt p { margin: 0; font-size: 13.5px; color: var(--wfm-ink-2); line-height: 1.5; }
.wfm-cta-btns { display: flex; gap: 10px; flex-wrap: wrap; flex: 0 1 auto; }
.wfm-cta-btns .wfm-btn { width: auto; white-space: nowrap; }

/* ---------- acceso ---------- */
.wfm-login-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(290px, 1fr)); gap: 16px; align-items: start; }
.wfm-login { max-width: 860px; margin: 0 auto; }
.wfm-perks { list-style: none; margin: 14px 0 0; padding: 0; display: grid; gap: 9px; }
.wfm-perks li {
	position: relative; padding-left: 22px; font-size: 13px;
	color: var(--wfm-ink-2); line-height: 1.4;
}
.wfm-perks li::before {
	content: ""; position: absolute; left: 3px; top: 5px;
	width: 5px; height: 9px; border: solid var(--wfm-accent);
	border-width: 0 2px 2px 0; transform: rotate(45deg);
}

/* ---------- estructura ---------- */
.wfm-panel {
	background: var(--wfm-surface); border: 1px solid var(--wfm-line);
	border-radius: var(--wfm-r);
	box-shadow: 0 1px 2px rgba(15, 23, 32, .05), 0 8px 24px -14px rgba(15, 23, 32, .18);
}
.wfm-panel-hd {
	display: flex; align-items: center; justify-content: space-between; gap: 8px;
	padding: 11px 13px; border-bottom: 1px solid var(--wfm-line-soft);
}
.wfm-panel-hd h3 {
	margin: 0; font-size: 11px; letter-spacing: .13em; text-transform: uppercase;
	color: var(--wfm-muted); font-weight: 700;
}
.wfm-grid { display: grid; grid-template-columns: 224px minmax(0, 1fr) 300px; gap: 18px; align-items: start; }
.wfm-count { font-size: 12.5px; color: var(--wfm-muted); font-family: ui-monospace, monospace; }
.wfm-empty { padding: 26px 16px; text-align: center; color: var(--wfm-muted); font-size: 13px; margin: 0; }

/* ---------- árbol de categorías ---------- */
.wfm-rail { position: sticky; top: 20px; }
.wfm-tree { padding: 5px; }
.wfm-tree a {
	display: flex; align-items: center; justify-content: space-between; gap: 8px;
	padding: 6px 8px; border-radius: 6px; text-decoration: none; box-shadow: none;
	font-size: 13.5px; color: var(--wfm-ink-2); font-weight: 500;
}
.wfm-tree a:hover { background: var(--wfm-surface-2); color: var(--wfm-ink); }
.wfm-tree a.on { background: var(--wfm-accent-wash); color: var(--wfm-accent-ink); font-weight: 600; }
.wfm-tree .c { font-family: ui-monospace, monospace; font-size: 11px; color: var(--wfm-muted); font-variant-numeric: tabular-nums; }
.wfm-sub a { padding-left: 18px; font-size: 12.5px; color: var(--wfm-muted); }
.wfm-tree hr { border: 0; border-top: 1px solid var(--wfm-line-soft); margin: 5px 0; }
/* ---------- barra de herramientas ---------- */
.wfm-toolbar { display: flex; gap: 10px; flex-wrap: wrap; align-items: center; margin-bottom: 14px; }
.wfm-toolbar .wfm-search { flex: 1 1 240px; min-width: 180px; }
.wfm-toolbar input[type="search"],
.wfm-toolbar select {
	padding: 9px 11px; border: 1px solid var(--wfm-line); border-radius: var(--wfm-r);
	background: var(--wfm-surface); font-size: 14px; width: 100%; max-width: 100%;
}
.wfm-toolbar select { width: auto; font-size: 13.5px; font-weight: 500; }

/* ---------- selector de vista ---------- */
.wfm-vista { display: inline-flex; border: 1px solid var(--wfm-line); border-radius: var(--wfm-r); overflow: hidden; margin-left: auto; }
.wfm-vista a {
	padding: 8px 13px; font-size: 12.5px; font-weight: 600; color: var(--wfm-muted);
	text-decoration: none; box-shadow: none; background: var(--wfm-surface);
	border-right: 1px solid var(--wfm-line);
}
.wfm-vista a:last-child { border-right: 0; }
.wfm-vista a.on { background: var(--wfm-accent-wash); color: var(--wfm-accent-ink); }

/* ---------- tarjetas ---------- */
.wfm-cards { display: grid; grid-template-columns: repeat(auto-fill, minmax(232px, 1fr)); gap: 14px; }
.wfm-card {
	background: var(--wfm-surface); border: 1px solid var(--wfm-line);
	border-radius: var(--wfm-r); display: flex; flex-direction: column; overflow: hidden;
}
.wfm-card:hover { border-color: var(--wfm-accent); }
.wfm-card.picked { border-color: var(--wfm-emph); }
/* Cuadrado y no 4:3: una foto vertical entra entera y se ve mucho más grande. */
.wfm-thumb {
	aspect-ratio: 1 / 1; position: relative; display: grid; place-items: center;
	background: #fff; border-bottom: 1px solid var(--wfm-line-soft); overflow: hidden; padding: 8px;
}
.wfm-thumb img { width: 100%; height: 100%; object-fit: contain; display: block; }
.wfm-ph { font-family: ui-monospace, monospace; font-size: 10.5px; color: var(--wfm-muted); letter-spacing: .06em; }
/* ---------- vista en lista ----------
   La fila crece hasta donde necesite la foto: la imagen va a ancho fijo y
   alto automático, así entra completa sin recortes y sin ensanchar la fila. */
.wfm-cards.wfm-lista { grid-template-columns: 1fr; gap: 10px; }
.wfm-lista .wfm-card { flex-direction: row; align-items: stretch; }
.wfm-lista .wfm-thumb {
	aspect-ratio: auto; flex: 0 0 220px; width: 220px; align-self: flex-start;
	border-bottom: 0; border-right: 1px solid var(--wfm-line-soft);
	display: block; padding: 10px;
}
.wfm-lista .wfm-thumb img { width: 100%; height: auto; max-height: 460px; object-fit: contain; }
.wfm-lista .wfm-thumb.wfm-sin-img { min-height: 150px; display: grid; place-items: center; }
.wfm-lista .wfm-card-b { padding: 14px 16px; }
.wfm-lista .wfm-card-b h4 { font-size: 15px; }
.wfm-lista .wfm-prices { border-top: 1px dashed var(--wfm-line-soft); padding-top: 10px; }
.wfm-lista .wfm-pmay b { font-size: 20px; }
.wfm-lista .wfm-stepper { max-width: 160px; }
@media (max-width: 560px) {
	.wfm-lista .wfm-card { flex-direction: column; }
	.wfm-lista .wfm-thumb { flex: none; width: 100%; border-right: 0; border-bottom: 1px solid var(--wfm-line-soft); }
}
.wfm-card-b { padding: 10px 11px 11px; display: flex; flex-direction: column; gap: 6px; flex: 1; }
.wfm-card-b h4 { margin: 0; font-size: 13.5px; font-weight: 600; line-height: 1.32; color: var(--wfm-ink); }
.wfm-sku { font-size: 11px; color: var(--wfm-muted); letter-spacing: .03em; }
.wfm-crumb { font-size: 11px; color: var(--wfm-muted); }
.wfm-prices { margin-top: auto; padding-top: 7px; border-top: 1px dashed var(--wfm-line-soft); }
.wfm-lista { font-size: 11.5px; color: var(--wfm-muted); font-family: ui-monospace, monospace; }
.wfm-pmay { display: flex; align-items: baseline; gap: 7px; flex-wrap: wrap; }
.wfm-pmay b {
	font-family: ui-monospace, monospace; font-size: 17px; font-weight: 600;
	color: var(--wfm-emph); letter-spacing: -.02em;
}
.wfm-iva { font-size: 10px; color: var(--wfm-muted); font-weight: 600; letter-spacing: .04em; }
.wfm-off {
	font-size: 10px; font-weight: 700; background: var(--wfm-emph-wash); color: var(--wfm-emph);
	padding: 2px 5px; border-radius: 4px; letter-spacing: .03em;
}
.wfm-nolog { font-size: 12px; color: var(--wfm-muted); padding: 4px 0; }
.wfm-nolog a { color: var(--wfm-accent-ink); font-weight: 600; }

/* ---------- stepper ---------- */
.wfm-stepper {
	display: flex; align-items: center; margin-top: 9px;
	border: 1px solid var(--wfm-line); border-radius: 6px; overflow: hidden;
}
.wfm-card.picked .wfm-stepper { border-color: var(--wfm-emph); }
.wfm-stepper button {
	width: 32px; height: 31px; border: 0; background: var(--wfm-surface-2); color: var(--wfm-ink-2);
	font-size: 16px; line-height: 1; font-weight: 600; cursor: pointer; padding: 0;
}
.wfm-stepper button:hover { background: var(--wfm-accent-wash); color: var(--wfm-accent-ink); }
.wfm-stepper input {
	flex: 1; min-width: 0; width: 100%; border: 0;
	border-left: 1px solid var(--wfm-line); border-right: 1px solid var(--wfm-line);
	height: 31px; text-align: center; background: var(--wfm-surface);
	font-family: ui-monospace, monospace; font-size: 13.5px; font-weight: 500; border-radius: 0;
}

/* ---------- panel del pedido ---------- */
.wfm-order { position: sticky; top: 20px; }
.wfm-order-list { max-height: 320px; overflow: auto; padding: 4px; }
.wfm-oline { display: grid; grid-template-columns: 1fr auto; gap: 2px 9px; padding: 8px; border-radius: 6px; }
.wfm-oline:hover { background: var(--wfm-surface-2); }
.wfm-oline .on { font-size: 12.5px; font-weight: 600; line-height: 1.3; }
.wfm-oline .os { font-family: ui-monospace, monospace; font-size: 10.5px; color: var(--wfm-muted); }
.wfm-oline .op { font-family: ui-monospace, monospace; font-size: 13px; font-weight: 600; text-align: right; white-space: nowrap; }
.wfm-totals { padding: 11px 13px; border-top: 1px solid var(--wfm-line-soft); display: grid; gap: 5px; }
.wfm-trow { display: flex; justify-content: space-between; gap: 10px; font-size: 13px; color: var(--wfm-ink-2); }
.wfm-trow .v { font-family: ui-monospace, monospace; font-variant-numeric: tabular-nums; white-space: nowrap; }
.wfm-trow.big {
	font-size: 16px; font-weight: 700; color: var(--wfm-ink);
	padding-top: 6px; margin-top: 2px; border-top: 1px solid var(--wfm-line-soft);
}
.wfm-trow.save .v { color: var(--wfm-emph); font-weight: 600; }
.wfm-trow.vol { color: var(--wfm-vol); }
.wfm-trow.vol .v { color: var(--wfm-vol); font-weight: 600; }
.wfm-trow.vol span:first-child { font-size: 12px; line-height: 1.35; }
.wfm-trow.iva { color: var(--wfm-muted); font-size: 12.5px; }
.wfm-hint {
	margin: 2px 0 0; padding: 8px 10px; border-radius: 6px;
	background: var(--wfm-vol-wash); color: var(--wfm-vol); font-size: 11.5px; line-height: 1.4;
}
.wfm-order-foot { padding: 11px 13px; border-top: 1px solid var(--wfm-line-soft); display: grid; gap: 8px; }
.wfm-order-foot select { width: 100%; padding: 8px 10px; border: 1px solid var(--wfm-line); border-radius: 6px; font-size: 13px; }
.wfm-lbl { font-size: 10.5px; letter-spacing: .11em; text-transform: uppercase; color: var(--wfm-muted); font-weight: 700; }
.wfm-minim { font-size: 11.5px; color: var(--wfm-muted); text-align: center; margin: 0; line-height: 1.4; }
.wfm-minim.miss { color: var(--wfm-warn); font-weight: 600; }

/* ---------- botones ---------- */
.wfm .wfm-btn {
	display: inline-flex; align-items: center; justify-content: center; gap: 8px; width: 100%;
	padding: 11px 14px; border-radius: var(--wfm-r); border: 1px solid transparent;
	font-size: 14px; font-weight: 600; cursor: pointer; text-decoration: none; line-height: 1.2;
}
.wfm .wfm-btn-p { background: var(--wfm-accent); color: #fff; }
.wfm .wfm-btn-p:hover { background: var(--wfm-accent-ink); color: #fff; }
.wfm .wfm-btn-p[disabled] { opacity: .45; cursor: not-allowed; }
.wfm .wfm-btn-wa { background: var(--wfm-wa); color: #fff; }
.wfm .wfm-btn-g { background: var(--wfm-surface); border-color: var(--wfm-line); color: var(--wfm-ink-2); }
.wfm .wfm-btn-g:hover { border-color: var(--wfm-accent); color: var(--wfm-accent-ink); }
.wfm .wfm-mini {
	display: inline-block; border: 1px solid var(--wfm-line); background: var(--wfm-surface);
	border-radius: 6px; padding: 5px 10px; font-size: 12px; font-weight: 600;
	color: var(--wfm-ink-2); cursor: pointer; text-decoration: none; line-height: 1.3;
}
.wfm .wfm-mini.no { color: var(--wfm-emph); }
.wfm .wfm-del {
	border: 1px solid var(--wfm-line); background: var(--wfm-surface); color: var(--wfm-muted);
	border-radius: 6px; width: 29px; height: 28px; cursor: pointer; padding: 0; line-height: 1;
}
.wfm .wfm-del:hover { border-color: var(--wfm-emph); color: var(--wfm-emph); background: var(--wfm-emph-wash); }
.wfm-badge { display: inline-block; padding: 2.5px 8px; border-radius: 100px; font-size: 10.5px; font-weight: 700; letter-spacing: .04em; }
.wfm-badge.ok { background: var(--wfm-wa-wash); color: var(--wfm-wa); }
.wfm-badge.warn { background: var(--wfm-warn-wash); color: var(--wfm-warn); }
.wfm-badge.off { background: var(--wfm-surface-2); color: var(--wfm-muted); }

/* ---------- formularios ---------- */
.wfm-form { padding: 18px; }
.wfm-form h3 { margin: 0 0 3px; font-size: 16px; font-weight: 700; }
.wfm-form h4 { margin: 0 0 10px; font-size: 14px; font-weight: 700; }
.wfm-lead { font-size: 12.5px; color: var(--wfm-muted); margin: 0 0 14px; }
.wfm-field { display: grid; gap: 5px; margin-bottom: 11px; }
.wfm-field label { font-size: 10.5px; letter-spacing: .11em; text-transform: uppercase; color: var(--wfm-muted); font-weight: 700; }
.wfm-field label .req { color: var(--wfm-emph); }
.wfm-field input,
.wfm-field select,
.wfm-field textarea {
	padding: 9px 11px; border: 1px solid var(--wfm-line); border-radius: 6px;
	background: var(--wfm-surface); font-size: 14px; width: 100%; font-family: inherit; color: var(--wfm-ink);
}
.wfm-two { display: grid; grid-template-columns: 1fr 1fr; gap: 11px; }
.wfm-check { display: flex; gap: 9px; align-items: center; margin: 0 0 12px; font-size: 13px; color: var(--wfm-ink-2); }
.wfm-check input { width: 16px; height: 16px; }
.wfm-ro { display: grid; grid-template-columns: auto 1fr; gap: 8px 16px; font-size: 13.5px; align-items: baseline; margin: 16px 0 6px; padding-top: 14px; border-top: 1px solid var(--wfm-line-soft); }
.wfm-ro dt { color: var(--wfm-muted); font-size: 11px; letter-spacing: .09em; text-transform: uppercase; font-weight: 700; }
.wfm-ro dd { margin: 0; font-weight: 500; }

/* ---------- perfil ---------- */
.wfm-perfil-grid { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 16px; align-items: start; }
.wfm-dir { border: 1px solid var(--wfm-line); border-radius: var(--wfm-r); padding: 12px; display: flex; gap: 12px; align-items: flex-start; margin-bottom: 10px; }
.wfm-dir.def { border-color: var(--wfm-accent); background: var(--wfm-accent-wash); }
.wfm-dir .di { flex: 1; min-width: 0; }
.wfm-dir .alias { font-size: 13.5px; font-weight: 700; display: flex; align-items: center; gap: 8px; flex-wrap: wrap; margin-bottom: 3px; }
.wfm-dir p { margin: 0; font-size: 12.5px; color: var(--wfm-ink-2); line-height: 1.45; }
.wfm-dir .da { display: flex; gap: 6px; flex: none; flex-wrap: wrap; }
.wfm-dir .da form { margin: 0; }

/* ---------- documento del pedido ---------- */
.wfm-doc-body { margin: 0; background: var(--wfm-ground, #f4f6f8); font-family: system-ui, -apple-system, "Segoe UI", sans-serif; }
.wfm-doc { max-width: 900px; margin: 0 auto; padding: 28px 18px 60px; }
.wfm-doc h1 { margin: 0; font-size: 21px; font-weight: 700; }
.wfm-urlbar {
	display: flex; align-items: center; gap: 9px; padding: 8px 12px;
	background: var(--wfm-surface-2); border: 1px solid var(--wfm-line);
	border-radius: 100px; margin-bottom: 8px;
}
.wfm-urlbar .u { font-family: ui-monospace, monospace; font-size: 12.5px; color: var(--wfm-ink-2); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; flex: 1; }
.wfm-urlmeta { display: flex; gap: 14px; flex-wrap: wrap; font-size: 11.5px; color: var(--wfm-muted); margin: 0 0 18px; padding: 0 12px; }
.wfm-doc-hd { padding: 20px; border-bottom: 1px solid var(--wfm-line-soft); display: flex; flex-wrap: wrap; gap: 16px; justify-content: space-between; align-items: flex-start; }
.wfm-doc-hd .meta { font-size: 12.5px; color: var(--wfm-muted); margin: 4px 0 0; }
.wfm-chip { display: inline-flex; align-items: center; gap: 6px; padding: 4px 10px; border-radius: 100px; font-size: 11.5px; font-weight: 600; background: var(--wfm-emph-wash); color: var(--wfm-emph); }
.wfm-editbar { padding: 10px 20px; background: var(--wfm-accent-wash); color: var(--wfm-accent-ink); font-size: 12.5px; font-weight: 600; }
.wfm-tbl-scroll { overflow-x: auto; }
.wfm-items { width: 100%; border-collapse: collapse; font-size: 13px; margin: 0; }
.wfm-items th {
	text-align: left; font-size: 10px; letter-spacing: .12em; text-transform: uppercase;
	color: var(--wfm-muted); font-weight: 700; padding: 9px 12px;
	border-bottom: 1px solid var(--wfm-line); white-space: nowrap; background: transparent;
}
.wfm-items td { padding: 9px 12px; border-bottom: 1px solid var(--wfm-line-soft); vertical-align: middle; }
.wfm-items td.r, .wfm-items th.r { text-align: right; font-family: ui-monospace, monospace; font-variant-numeric: tabular-nums; white-space: nowrap; }
.wfm-items tbody tr:last-child td { border-bottom: 0; }
.wfm-inline { display: inline-flex; gap: 5px; align-items: center; margin: 0; }
.wfm-qty-min { width: 62px; padding: 5px 6px; border: 1px solid var(--wfm-line); border-radius: 6px; text-align: center; font-family: ui-monospace, monospace; font-size: 12.5px; }
.wfm-entrega { display: grid; grid-template-columns: repeat(auto-fit, minmax(210px, 1fr)); gap: 14px; padding: 14px 20px; border-top: 1px solid var(--wfm-line-soft); background: var(--wfm-surface-2); }
.wfm-entrega b { display: block; font-size: 10px; letter-spacing: .12em; text-transform: uppercase; color: var(--wfm-muted); font-weight: 700; margin-bottom: 4px; }
.wfm-entrega p { margin: 0; font-size: 13px; line-height: 1.45; }
.wfm-doc-ft { padding: 16px 20px; display: grid; gap: 9px; border-top: 1px solid var(--wfm-line); }
.wfm-sumline { display: flex; justify-content: space-between; gap: 12px; font-size: 14px; }
.wfm-sumline .v { font-family: ui-monospace, monospace; font-variant-numeric: tabular-nums; white-space: nowrap; }
.wfm-sumline.sub { font-size: 13px; color: var(--wfm-muted); }
.wfm-sumline.nivel { color: var(--wfm-emph); }
.wfm-sumline.vol { color: var(--wfm-vol); font-size: 13px; }
.wfm-sumline.tot { font-size: 19px; font-weight: 700; border-top: 1px solid var(--wfm-line); padding-top: 10px; margin-top: 4px; }
.wfm-acts { display: flex; gap: 10px; flex-wrap: wrap; margin-top: 6px; }
.wfm-acts .wfm-btn { width: auto; flex: 1 1 190px; }
.wfm-pie { font-size: 11.5px; color: var(--wfm-muted); text-align: center; margin: 20px 0 0; line-height: 1.5; }

/* ---------- responsive ---------- */
@media (max-width: 1060px) {
	.wfm-grid { grid-template-columns: 1fr; }
	.wfm-rail, .wfm-order { position: static; }
	.wfm-order-list { max-height: none; }
	.wfm-perfil-grid { grid-template-columns: 1fr; }
}
@media (max-width: 600px) {
	.wfm-two { grid-template-columns: 1fr; }
	.wfm-cards { grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); }
}

/* ---------- impresión del pedido ---------- */
@media print {
	.wfm-urlbar, .wfm-urlmeta, .wfm-acts, .wfm-editbar, .wfm-del, .wfm-inline button { display: none !important; }
	.wfm-doc { padding: 0; max-width: none; }
	.wfm-panel { border: 0; box-shadow: none; }
	.wfm-doc-body { background: #fff; }
}

/* ---------- descuentos por monto: los tramos, arriba de todo ----------
   Es la única explicación de los descuentos: los productos ya no llevan tag. */
.wfm-tramos {
	background: var(--wfm-surface); border: 1px solid var(--wfm-line);
	border-radius: var(--wfm-r); padding: 14px 16px; margin: 0 0 18px;
}
.wfm-tramos-hd { display: flex; flex-wrap: wrap; gap: 4px 12px; align-items: baseline; margin-bottom: 11px; }
.wfm-tramos-hd b { font-size: 15px; font-weight: 700; }
.wfm-tramos-hd span { font-size: 12.5px; color: var(--wfm-muted); }
.wfm-tramos-lista {
	list-style: none; margin: 0; padding: 0;
	display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 8px;
}
.wfm-tramos-lista li {
	display: flex; align-items: baseline; justify-content: space-between; gap: 10px;
	padding: 9px 12px; border-radius: 6px; border: 1px solid transparent;
}
.wfm-tramos-lista .m { font-size: 12.5px; font-weight: 600; }
.wfm-tramos-lista .p { font-size: 15px; font-weight: 800; white-space: nowrap; font-variant-numeric: tabular-nums; }
.wfm-tramos-lista .wfm-t1 { background: var(--wfm-t1-wash); border-color: rgba(0, 166, 80, .3); color: #04713a; }
.wfm-tramos-lista .wfm-t1 .p { color: var(--wfm-t1); }
.wfm-tramos-lista .wfm-t2 { background: var(--wfm-t2-wash); border-color: rgba(217, 45, 32, .3); color: #a11d13; }
.wfm-tramos-lista .wfm-t2 .p { color: var(--wfm-t2); }
.wfm-tramos-lista .wfm-t3 { background: var(--wfm-t3-wash); border-color: rgba(184, 134, 11, .35); color: #8a6508; }
.wfm-tramos-lista .wfm-t3 .p { color: var(--wfm-t3); }
.wfm-tramos-pie { margin: 9px 0 0; font-size: 11.5px; color: var(--wfm-muted); }

/* ---------- barra de progreso hacia el próximo tramo ----------
   No arranca siempre en cero: va del tramo alcanzado al que persigue
   (0 → 1M, 1M → 2M, 2M → 5M), con un color por tramo. */
.wfm-prog-slot { padding: 11px 13px 0; }
.wfm-prog { --c: var(--wfm-t1); --w: var(--wfm-t1-wash); display: grid; gap: 6px; }
.wfm-prog.wfm-t2 { --c: var(--wfm-t2); --w: var(--wfm-t2-wash); }
.wfm-prog.wfm-t3 { --c: var(--wfm-t3); --w: var(--wfm-t3-wash); }
.wfm-prog-hd { display: flex; justify-content: space-between; align-items: baseline; gap: 8px; }
.wfm-prog-now { font-size: 12.5px; font-weight: 700; color: var(--c); }
.wfm-prog-next { font-size: 11px; font-weight: 600; color: var(--wfm-muted); white-space: nowrap; }
.wfm-prog-bar {
	height: 8px; border-radius: 999px; background: var(--w);
	border: 1px solid rgba(0, 0, 0, .06); overflow: hidden;
}
.wfm-prog-bar > span {
	display: block; height: 100%; min-width: 2px; border-radius: 999px;
	background: var(--c); transition: width .25s ease;
}
.wfm-prog-ft {
	display: flex; justify-content: space-between; align-items: baseline; gap: 8px;
	font-size: 10.5px; color: var(--wfm-muted); font-variant-numeric: tabular-nums;
}
.wfm-prog-ft b { font-size: 11px; color: var(--wfm-ink-2); text-align: center; }
.wfm-prog-ft .wfm-prog-tope { color: var(--c); font-weight: 700; }

/* En la página del pedido la barra va suelta, sin panel alrededor. */
.wfm-doc .wfm-prog { margin: 0 0 16px; }

/* ---------- modo PDF (administradores) ---------- */
.wfm-aviso-pdf { background: var(--wfm-accent-wash); color: var(--wfm-accent-ink); }
.wfm-tree .wfm-sin { font-style: italic; color: var(--wfm-muted); }
.wfm-pdf-toggle {
	display: flex; align-items: center; gap: 8px; margin-top: 8px; padding: 8px 10px;
	border: 1px solid var(--wfm-line); border-radius: 6px; cursor: pointer;
	font-size: 13px; font-weight: 600; color: var(--wfm-ink-2); background: var(--wfm-surface);
}
.wfm-pdf-toggle input { width: 16px; height: 16px; margin: 0; accent-color: var(--wfm-accent); }
.wfm-card.picked .wfm-pdf-toggle { border-color: var(--wfm-accent); background: var(--wfm-accent-wash); color: var(--wfm-accent-ink); }
.wfm-modo-pdf .wfm-card.picked { border-color: var(--wfm-accent); }
.wfm-pdf-sel { padding: 11px 13px; display: grid; gap: 7px; }
.wfm-pdf-total { margin: 0; font-size: 13px; color: var(--wfm-ink-2); }
.wfm-pdf-total b { font-size: 20px; color: var(--wfm-ink); font-variant-numeric: tabular-nums; }
.wfm-pdf-acc { display: flex; flex-wrap: wrap; gap: 6px; }
.wfm-pdf-fila { display: flex; gap: 6px; align-items: center; }
.wfm-pdf-fila select { flex: 1 1 auto; min-width: 0; }
.wfm-pdf input[type="number"] { width: 90px; padding: 7px 9px; border: 1px solid var(--wfm-line); border-radius: 6px; font-size: 13px; }
.wfm-pdf input[type="text"] { width: 100%; padding: 8px 10px; border: 1px solid var(--wfm-line); border-radius: 6px; font-size: 13px; }
.wfm-pdf select { width: 100%; padding: 8px 10px; border: 1px solid var(--wfm-line); border-radius: 6px; font-size: 13px; }
.wfm-pdf-nota { margin: 0; font-size: 11.5px; color: var(--wfm-muted); line-height: 1.4; }
.wfm-pdf-ver { margin: 0; font-size: 12.5px; }
.wfm-check { display: flex; align-items: center; gap: 8px; font-size: 13px; font-weight: 600; color: var(--wfm-ink-2); }
.wfm-check input { margin: 0; width: 15px; height: 15px; accent-color: var(--wfm-accent); }
.wfm-check-off { color: var(--wfm-muted); opacity: .7; cursor: not-allowed; }
.wfm-pdf-aplica { margin: 0; font-size: 12px; color: var(--wfm-accent-ink); font-weight: 600; min-height: 1em; }