/* Pantalla Productos */
.aviso{font:600 13px Inter;color:var(--ink-3);background:var(--card);
  border:1.5px solid var(--line);border-radius:14px;padding:11px 15px;margin-bottom:16px}

.prods{display:grid;gap:11px;grid-template-columns:repeat(auto-fill,minmax(clamp(280px,30vw,400px),1fr))}
.pr{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:15px;
  background:var(--card);border:1.5px solid var(--line);border-radius:20px;
  padding:14px 16px;transition:border-color .3s}
.pr.ok{border-color:var(--ok)}
.pr img{width:clamp(64px,7vw,80px);height:clamp(58px,6vw,70px);object-fit:contain}
.pr .nm{font:800 clamp(17px,1.9vw,20px) Inter;letter-spacing:-.01em;margin-bottom:8px;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.fl2 u{text-decoration:none;font:600 10px Inter;color:var(--ink-3);
  text-transform:uppercase;letter-spacing:.12em;display:block;margin-bottom:4px}
.pin{display:flex;align-items:center;background:#0e0e11;border:1.5px solid var(--line);
  border-radius:13px;height:52px;padding:0 4px;min-width:0;max-width:150px}
.pin span{font:800 16px Archivo;color:var(--ink-3);padding:0 2px 0 11px}
.pin input{width:100%;min-width:0;background:transparent;border:0;color:var(--ink);
  font:900 23px Archivo;padding:0 9px;font-variant-numeric:tabular-nums;outline:0}
.pin input:focus{color:var(--k)}
.pin input::-webkit-outer-spin-button,.pin input::-webkit-inner-spin-button{
  -webkit-appearance:none;margin:0}
.pin input[type=number]{-moz-appearance:textfield}
.pin.big{height:58px;max-width:100%}
.pin.big input{font-size:26px}
.pr .del{background:0;border:0;color:var(--ink-3);cursor:pointer;font:700 20px Inter;
  width:42px;height:42px;border-radius:12px;flex:none}
.pr .del:hover{color:var(--bad);background:#ff5a5a1a}

/* alta de producto */
.nuevo{display:grid;grid-template-columns:auto 1fr;gap:16px;align-items:start}
.drop{position:relative;width:clamp(120px,17vw,152px);aspect-ratio:1;border-radius:20px;
  border:2.5px dashed var(--line2);background:#0e0e11;cursor:pointer;overflow:hidden;
  display:grid;place-items:center}
.drop:hover{border-color:var(--k)}
.drop .ph{text-align:center;padding:10px}
.drop .ph svg{width:34px;height:34px;stroke:var(--ink-3);stroke-width:1.8;fill:none;
  stroke-linecap:round;stroke-linejoin:round;margin-bottom:7px}
.drop .ph b{display:block;font:800 14px Inter;color:var(--ink-2)}
.drop .ph span{font:600 11px Inter;color:var(--ink-3);display:block;margin-top:3px}
.drop img{width:100%;height:100%;object-fit:contain;padding:8px}
.campos{display:grid;gap:13px;align-content:start}
@media(max-width:480px){.nuevo{grid-template-columns:1fr;justify-items:center}
  .campos{width:100%}}