/* 20261031a · LO RECOGE AQUÍ (Danny, 31-oct-2026)
   El pedido dice quién lo lleva: nosotros (viaje, como siempre) o el cliente pasa por él a la planta.
   Si lo recoge: PLACAS, INE DEL CHOFER y NOMBRE DEL CHOFER son obligatorios (20261031b: antes decía «línea»).
   Verde de la marca = «lo recoge aquí»; se ve igual en la compu y en el teléfono. */

/* ── Formulario del pedido ─────────────────────────────────────── */
.recoge-caja {
  border: 1px solid var(--linea); border-radius: var(--r, 10px);
  padding: .55rem .75rem .65rem; margin: .4rem 0 .7rem; min-width: 0;
}
.recoge-caja legend { font-weight: 700; padding: 0 .3rem; font-size: .92rem; }
.recoge-opc { display: flex; flex-wrap: wrap; gap: .5rem; }
.recoge-op {
  flex: 1 1 14rem; display: flex; align-items: center; gap: .5rem; cursor: pointer;
  border: 2px solid var(--linea); border-radius: var(--r, 10px); padding: .55rem .7rem;
  font-weight: 700; background: var(--superficie); min-height: 2.9rem;
}
.recoge-op input { width: 1.2rem; height: 1.2rem; margin: 0; flex: none; accent-color: var(--verde); }
.recoge-op:has(input:checked) { border-color: var(--verde); background: var(--verde-suave); color: var(--ink); }
.recoge-campos {
  margin-top: .6rem; padding: .6rem .7rem; border-radius: var(--r, 10px);
  border: 2px solid var(--verde); background: var(--verde-suave);
}
.recoge-campos[hidden] { display: none; }
.recoge-ayuda { margin: 0 0 .45rem; }
.recoge-tres { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .5rem .7rem; }
.recoge-tres .campo { margin: 0; min-width: 0; }
.recoge-tres input { width: 100%; }
#pRecPlacas, #cRecPlacas, #pRecIne, #cRecIne { text-transform: uppercase; letter-spacing: .04em; font-weight: 700; }   /* 20261031b: + INE */
.recoge-precio { margin: .5rem 0 0; color: #8a5300; font-weight: 600; }
.recoge-no-aplica { opacity: .5; text-decoration: line-through; }
@media (max-width: 720px) {
  .recoge-tres { grid-template-columns: 1fr; }
  .recoge-op { flex-basis: 100%; }
}

/* ── En listas, detalle, plan y logística ──────────────────────── */
.chip-recoge {
  display: inline-block; font-size: .7rem; font-weight: 800; vertical-align: middle;
  padding: .08rem .45rem; border-radius: 999px; white-space: nowrap;
  background: var(--verde-suave); color: var(--verde); border: 1px solid var(--verde);
}
.recoge-ficha {
  display: flex; flex-wrap: wrap; align-items: baseline; gap: .2rem .8rem;
  margin: .35rem 0 .1rem; padding: .35rem .55rem; border-radius: 8px;
  border: 1px solid var(--verde); background: var(--verde-suave); color: var(--ink); font-size: .85rem;
}
.recoge-ficha .recoge-tit { color: var(--verde); flex-basis: 100%; }
.recoge-dato i { font-style: normal; font-size: .72rem; text-transform: uppercase; letter-spacing: .04em; color: var(--ink-2); }
.recoge-dato b { font-size: .95rem; }
.recoge-tarjeta { border-left: 5px solid var(--verde); }
/* 20261031b: pedido de 31a que trae «línea» y no INE: se avisa debajo del campo INE. */
.recoge-viejo { display: block; margin-top: .2rem; font-size: .75rem; color: var(--ink-2); }
.recoge-tarjeta h2 { margin: 0 0 .2rem; }
.recoge-lista { display: grid; gap: .5rem; }
.recoge-fila { display: grid; grid-template-columns: minmax(12rem, 1fr) 2fr; gap: .3rem .8rem; align-items: center;
  padding: .45rem 0; border-top: 1px solid var(--linea); }
.recoge-fila .recoge-ficha { margin: 0; }
@media (max-width: 720px) { .recoge-fila { grid-template-columns: 1fr; } }
:root[data-tema="oscuro"] .recoge-precio { color: #f0b35a; }