/* Bloque H · Mesa de plancha DTF — tema claro de El Origami */
.block-h-active .content > :not(.mobile-topbar):not(.top-identity):not(.bloque-h-mesa-dtf){display:none!important}

.bloque-h-mesa-dtf{
  --bh-surface:#ffffff; --bh-border:#eadfd4; --bh-border2:#decbb9;
  --bh-ink:#172033; --bh-ink2:#374151; --bh-muted:#6b7280; --bh-brand:#F5771E;
  --bh-shadow:0 4px 14px rgba(75,45,20,.035);
  --bh-violet:#7c3aed; --bh-violet-soft:#f3e8ff;
  --bh-green:#059669; --bh-green-soft:#e9faf3;
  --bh-red:#dc2626; --bh-red-soft:#fdeaea;
  --bh-slate-soft:#f1f2f5;
  display:grid;gap:15px;padding:clamp(14px,1.6vw,22px);color:var(--bh-ink);align-content:start;
  font-size:13px
}
.bloque-h-mesa-dtf *{box-sizing:border-box}

.bh-maqueta{background:#fff4e5;border:1px solid #f8d5ac;border-radius:14px;padding:10px 15px;
  font-size:11.5px;font-weight:700;color:#9a3412}

.bh-card{background:var(--bh-surface);border:1px solid var(--bh-border);border-radius:20px;
  padding:19px 22px;box-shadow:var(--bh-shadow)}
.bh-eyebrow{margin:0 0 7px;font-size:9.5px;letter-spacing:.19em;font-weight:800;
  color:var(--bh-brand);text-transform:uppercase}

.bh-hero{display:flex;align-items:center;gap:20px;justify-content:space-between;flex-wrap:wrap}
.bh-hero h1{margin:0;font-size:clamp(20px,2.2vw,27px);line-height:1.12;font-weight:800;letter-spacing:-.02em}
.bh-lema{display:flex;align-items:center;gap:11px;margin-top:9px}
.bh-lema i{width:3.5px;height:26px;border-radius:2px;flex:none;
  background:linear-gradient(180deg,var(--bh-brand),#c45d14)}
.bh-lema em{font-size:13px;color:var(--bh-ink2)}
.bh-kpis{display:flex;gap:8px;flex-wrap:wrap}
.bh-kpi{border:1px solid var(--bh-border);border-radius:13px;padding:9px 14px;
  background:var(--bh-slate-soft);min-width:90px}
.bh-kpi b{display:block;font-size:19px;font-weight:800;letter-spacing:-.02em;font-variant-numeric:tabular-nums}
.bh-kpi small{font-size:9px;letter-spacing:.09em;font-weight:700;color:var(--bh-muted);text-transform:uppercase}
.bh-kpi.bh-good b{color:var(--bh-green)} .bh-kpi.bh-bad b{color:var(--bh-red)}

.bh-grid{display:grid;grid-template-columns:330px auto 1fr;gap:15px;align-items:start}
@media (max-width:1180px){ .bh-grid{grid-template-columns:1fr} }

.bh-cola{display:grid;gap:9px}
.bh-enc{border:1px solid var(--bh-border);border-radius:15px;padding:11px 13px;background:#fffdfb;
  display:grid;grid-template-columns:50px 1fr;gap:12px;align-items:center;cursor:pointer}
.bh-enc:hover{border-color:var(--bh-brand)}
.bh-art{width:50px;height:50px;border:1px solid var(--bh-border);border-radius:10px;
  background:repeating-conic-gradient(#f2f2f2 0% 25%,#fff 0% 50%) 50%/9px 9px;
  display:grid;place-items:center;overflow:hidden}
.bh-art svg{width:42px;height:42px}
.bh-enc-top{display:flex;justify-content:space-between;align-items:center;gap:8px}
.bh-enc-top b{font-size:12.5px;font-weight:700}
.bh-enc-meta{display:flex;gap:6px;align-items:center;flex-wrap:wrap;margin-top:5px}
.bh-chip{font-size:10px;font-weight:700;padding:3px 8px;border-radius:8px;
  background:var(--bh-violet-soft);color:#6b21a8}
.bh-chip.bh-gris{background:var(--bh-slate-soft);color:#475569}
.bh-dpi{font-size:10px;color:var(--bh-muted)}
.bh-sem{font-size:9.5px;font-weight:800;padding:3px 7px;border-radius:8px}
.bh-ok{background:var(--bh-green-soft);color:#065f46}
.bh-med{background:#fff4e5;color:#9a6600}
.bh-mal{background:var(--bh-red-soft);color:#991b1b}
.bh-sd{background:var(--bh-slate-soft);color:#64748b}

.bh-rollo-caja{background:var(--bh-slate-soft);border:1px solid var(--bh-border);border-radius:16px;padding:12px}
.bh-regla-h{display:flex;font-size:9px;color:var(--bh-muted);font-family:ui-monospace,monospace;
  margin-left:22px;justify-content:space-between;margin-bottom:3px}
.bh-rollo-fila{display:flex;gap:4px}
.bh-regla-v{width:18px;position:relative;font-size:9px;color:var(--bh-muted);font-family:ui-monospace,monospace}
.bh-regla-v span{position:absolute;right:0;transform:translateY(-50%)}
.bh-rollo{position:relative;background:var(--bh-surface);border:1.5px solid var(--bh-border2);
  border-radius:3px;touch-action:none;overflow:hidden}
.bh-pz{position:absolute;border:1px dashed #c9d2d6;border-radius:2px;cursor:grab;touch-action:none}
.bh-pz.bh-sel{border:2px solid var(--bh-brand);border-style:solid;
  box-shadow:0 0 0 3px rgba(245,119,30,.2);z-index:5;cursor:grabbing}
.bh-pz.bh-choca{border:2px solid var(--bh-red);background:rgba(220,38,38,.12)}
.bh-pz.bh-mano{border-color:var(--bh-violet);border-style:solid}
.bh-pz svg{position:absolute;left:50%;top:50%;pointer-events:none}
.bh-marca{position:absolute;top:1px;right:2px;font-size:9px;font-weight:800;
  color:var(--bh-violet);pointer-events:none;font-style:normal}

.bh-det-art{height:104px;border:1px solid var(--bh-border);border-radius:11px;margin-bottom:12px;
  background:repeating-conic-gradient(#f2f2f2 0% 25%,#fff 0% 50%) 50%/11px 11px;display:grid;place-items:center}
.bh-det-art svg{width:90px;height:90px}
.bh-lin{display:flex;justify-content:space-between;align-items:baseline;padding:7px 0;
  border-bottom:1px solid var(--bh-border);gap:10px}
.bh-lin span{font-size:11.5px;color:var(--bh-muted);font-weight:600}
.bh-lin b{font-size:13.5px;font-weight:800;font-variant-numeric:tabular-nums;text-align:right}
.bh-bts{display:flex;gap:8px;flex-wrap:wrap;margin-top:13px}
.bh-btn{border:0;border-radius:12px;padding:10px 15px;font-size:12px;font-weight:700;
  cursor:pointer;font-family:inherit}
.bh-btn.bh-mini{padding:7px 11px;font-size:11px}
.bh-b1{background:var(--bh-brand);color:#fff;box-shadow:0 3px 10px rgba(245,119,30,.28)}
.bh-b2{background:var(--bh-surface);color:var(--bh-ink2);border:1px solid var(--bh-border2)}
.bh-btn:focus-visible{outline:2px solid var(--bh-violet);outline-offset:2px}
.bh-zlab{display:block;font-size:9.5px;letter-spacing:.13em;font-weight:800;color:var(--bh-muted);
  text-transform:uppercase;margin:15px 0 6px}
#bhZoom{width:100%;accent-color:var(--bh-brand)}
.bh-largo{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.bh-largo span{font-size:13px;font-weight:800;font-variant-numeric:tabular-nums;min-width:56px;text-align:center}
.bh-choque{background:var(--bh-red-soft);border:1px solid var(--bh-red);border-radius:12px;
  padding:10px 13px;font-size:12px;font-weight:700;color:var(--bh-red);display:none;margin-top:13px}
.bh-choque.bh-on{display:block}

/* subir archivos */
.bh-subir{display:block;border:1.5px dashed var(--bh-border2);border-radius:14px;padding:13px 15px;
  background:#fffdfb;cursor:pointer;text-align:center;margin-bottom:11px}
.bh-subir:hover{border-color:var(--bh-brand);background:#fff8f1}
.bh-subir b{display:block;font-size:13px;color:var(--bh-brand);font-weight:800}
.bh-subir small{display:block;font-size:10.5px;color:var(--bh-muted);margin-top:4px}

/* medidas editables */
.bh-medidas{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:11px 0 4px}
.bh-medidas label{font-size:9.5px;letter-spacing:.09em;font-weight:800;color:var(--bh-muted);
  text-transform:uppercase;display:grid;gap:4px}
.bh-medidas input[type=number]{border:1px solid var(--bh-border2);border-radius:10px;padding:8px 10px;
  font-size:13.5px;font-weight:700;font-family:inherit;color:var(--bh-ink);background:#fff;width:100%}
.bh-medidas .bh-prop{grid-column:1/-1;display:flex;align-items:center;gap:7px;text-transform:none;
  letter-spacing:0;font-size:11px;font-weight:600;color:var(--bh-ink2)}
.bh-medidas .bh-prop input{accent-color:var(--bh-brand);width:auto}

/* tirador de tamaño en la esquina */
.bh-tirador{position:absolute;right:-5px;bottom:-5px;width:11px;height:11px;border-radius:3px;
  background:var(--bh-brand);border:1.5px solid #fff;box-shadow:0 1px 3px rgba(0,0,0,.25);
  cursor:nwse-resize;z-index:6}
.bh-pz img{position:absolute;left:50%;top:50%;pointer-events:none;object-fit:fill}