/* Separación de SALIDA / ENTRADA. Cargar después de styles.css. */
.ticket-cols {
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 300px), 1fr));
  gap: 20px 28px;
  align-items: start;
}
.ticket-cols > .ticket-col {
  min-width: 0;
}
.ticket-cols .kv {
  display: grid;
  grid-template-columns: minmax(72px, 0.4fr) minmax(0, 1fr);
  column-gap: 14px;
  align-items: start;
  padding: 7px 0;
  line-height: 1.5;
}
.ticket-cols .kv > span {
  min-width: 0;
  white-space: normal;
  overflow-wrap: anywhere;
}
.ticket-cols .kv > span:last-child {
  text-align: right;
}
.ticket-cols .ticket-col h4 {
  margin-bottom: 10px;
  padding-bottom: 8px;
  border-bottom: 1px solid var(--border);
}
@media (max-width: 600px) {
  .ticket-cols {
    grid-template-columns: minmax(0, 1fr);
    row-gap: 22px;
  }
}