/* n2n-custodia - armado en celular: lista apilada, no tabla encogida. */
.campo--pedido { max-width: 460px; margin-bottom: var(--esp-lg); }

.ruta { margin-bottom: var(--esp-xl); }
.ruta__titulo {
  font-family: var(--fuente-titulo);
  font-size: var(--txt-lg);
  text-transform: uppercase;
  letter-spacing: 0.04em;
  padding-bottom: var(--esp-xs);
  border-bottom: 2px solid var(--marca);
  color: var(--marca);
}
.sucursal {
  font-family: var(--fuente-titulo);
  font-size: var(--txt-md);
  margin-top: var(--esp-lg);
  color: var(--texto-secundario);
  text-transform: uppercase;
  letter-spacing: 0.06em;
}

.lineas-armado { list-style: none; padding: 0; margin: var(--esp-sm) 0 0; display: grid; gap: var(--esp-sm); }

.linea-armado {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: var(--esp-md);
  align-items: center;
  padding: var(--esp-md);
  border: var(--linea);
  border-radius: var(--radio);
  background: var(--superficie);
}
.linea-armado[data-parcial="true"] { background: var(--superficie-alt); }

.linea-armado__item { display: grid; gap: 2px; min-width: 0; }
.linea-armado__item strong { font-family: var(--fuente-titulo); font-size: var(--txt-md); }
.linea-armado__item span { font-size: var(--txt-sm); color: var(--texto-secundario); }

.linea-armado__carga { display: grid; gap: var(--esp-xs); justify-items: end; }
.pedido-cant { font-size: var(--txt-sm); color: var(--texto-secundario); white-space: nowrap; }
.linea-armado__carga input {
  width: 96px;
  min-height: 48px;
  font-size: var(--txt-lg);
  font-weight: 600;
  text-align: center;
  border: var(--linea);
  border-radius: var(--radio);
  background: var(--superficie);
  color: var(--texto);
}
.linea-armado__carga input:disabled { color: var(--texto-secundario); }

/* Barra de guardado siempre a la vista, para no perderla scrolleando */
.barra-fija {
  position: sticky;
  bottom: 0;
  display: flex;
  gap: var(--esp-md);
  align-items: center;
  justify-content: space-between;
  padding: var(--esp-md) 0;
  background: var(--superficie);
  border-top: var(--linea);
}
.barra-fija.oculta { display: none; }
.barra-fija__dato { font-family: var(--fuente-titulo); font-size: var(--txt-md); }
.barra-fija .btn--enviar { min-height: 52px; min-width: 180px; }

@media (max-width: 480px) {
  .barra-fija { flex-direction: column; align-items: stretch; }
  .barra-fija .btn--enviar { width: 100%; }
}