/* Trámites v2 · 10f · SALIR DEL PARQUE (admin-parque-salida.jsx), tanda d, 30-sep-2026.
   Archivo aparte a propósito, como admin-alta.css y admin-capacitacion.css: el <style> del index es lo que lo hace
   crecer (tope 12a). Prefijo `pq-` (el `ps-` es de Paz y salvo). Solo variables que ya existen en el panel.
   El panel no tiene modo oscuro. */

.pq { scroll-margin-top: 18px; transition: box-shadow .3s ease; }
.pq--destello { box-shadow: 0 0 0 3px var(--green-soft, #DCEBE1); }
.pq .d-aviso { margin: 10px 0 0; }
.pq-h__der { display: inline-flex; align-items: center; flex-wrap: wrap; gap: 8px; }
.pq-linea { display: flex; align-items: center; flex-wrap: wrap; gap: 4px 8px; margin: 0 0 4px; font-size: 13.5px; color: var(--ink-500); }
.pq-linea b { color: var(--dinamic-green-dark); }
.pq-nota { margin: 8px 0 0; font-size: 13.5px; color: var(--ink-500); line-height: 1.5; }

/* ── Los 3 pasos en cadena (el dibujo 10f) ── */
.pq-pasos { list-style: none; margin: 12px 0 0; padding: 0; border: 1px solid var(--hair); border-radius: 14px; background: #fff; overflow: hidden; }
.pq-paso { display: flex; align-items: center; gap: 14px; padding: 14px 16px; }
.pq-paso + .pq-paso { border-top: 1px solid var(--hair); }
.pq-paso__n { flex: none; width: 34px; height: 34px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center;
  font-family: var(--font-display); font-weight: 700; font-size: 15px; background: #ECE9E0; color: #A8A396; }
.pq-paso__t { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 2px; }
.pq-paso__t strong { font-family: var(--font-display); font-weight: 700; font-size: 15px; color: #A8A396; }
.pq-paso__t span { font-size: 13px; color: #A8A396; line-height: 1.45; }
.pq-paso.actual .pq-paso__n { background: var(--dinamic-green-dark); color: #fff; }
.pq-paso.actual .pq-paso__t strong { color: var(--dinamic-green-dark); }
.pq-paso.actual .pq-paso__t span { color: var(--ink-500); }
.pq-paso.hecho .pq-paso__n { background: var(--green-soft, #DCEBE1); color: var(--btn, #2F6B4F); }
.pq-paso.hecho .pq-paso__t strong { color: var(--dinamic-green-dark); }
.pq-paso.hecho .pq-paso__t span { color: var(--ink-500); }
.pq-paso__btn { flex: none; white-space: nowrap; }

.pq-cupos b { font-weight: 700; }
.pq-acc { display: flex; align-items: center; flex-wrap: wrap; gap: 8px; margin-top: 12px; }
.pq-acc--pie { justify-content: flex-end; margin-top: 10px; }
.pq-ultima { display: flex; align-items: center; flex-wrap: wrap; gap: 6px 10px; margin-top: 10px; font-size: 13.5px; color: var(--ink-500); }

/* ── Las salidas de antes ── */
.pq-hist { margin-top: 14px; padding-top: 10px; border-top: 1px dashed var(--hair); display: flex; flex-direction: column; gap: 6px; }
.pq-hist__t { font-size: 12px; font-weight: 700; letter-spacing: .04em; text-transform: uppercase; color: var(--ink-500); }
.pq-hist__fila { display: flex; align-items: center; flex-wrap: wrap; gap: 4px 10px; font-size: 13px; color: var(--ink-500); }