/* ===== Producción · recorrido de los folios (js/78) ===== */
.tzr-nieve{display:inline-flex;vertical-align:-2px;color:var(--blue)}
.tzr-nieve svg,.tzr-sol svg{width:100%;height:100%;display:block}
.tzr-sol{display:inline-flex;width:13px;height:13px;vertical-align:-2px;margin-right:4px;color:var(--amber)}

.tzr-chips{display:flex;align-items:center;gap:3px;flex-wrap:wrap}
.tzr-chip{display:inline-flex;align-items:center;gap:3px;padding:2px 7px;border-radius:99px;font-size:11px;font-weight:600;
  color:var(--ink-2);background:color-mix(in srgb,var(--c) 14%,transparent);border:1px solid color-mix(in srgb,var(--c) 40%,transparent)}
.tzr-flecha{color:var(--muted-2);font-size:12px}

/* La barra del recorrido: un segmento por tramo, con 2px de aire entre ellos */
.tzr-barra{display:flex;gap:2px;height:10px}
.tzr-barra i{display:block;border-radius:2px;min-width:3px}
.tzr-barra i:first-child{border-radius:4px 2px 2px 4px}
.tzr-barra i:last-child{border-radius:2px 4px 4px 2px}

.tzr-ley{display:flex;gap:14px;margin-bottom:10px;font-size:12px;color:var(--ink-2);font-weight:600}
.tzr-ley i{display:inline-block;width:10px;height:10px;border-radius:3px;margin-right:6px;vertical-align:-1px}
.tzr-umbral{position:absolute;top:-3px;bottom:-3px;width:2px;background:var(--red);border-radius:1px}

.tzr-map{position:relative;height:540px;border-radius:12px;overflow:hidden;border:1px solid var(--line);background:#dfe9e2}
.tzr-map .leaflet-container{width:100%;height:100%;font-family:var(--fb)}
.tzr-legend{position:absolute;left:12px;bottom:22px;z-index:500;background:var(--surface);border:1px solid var(--line);border-radius:11px;
  padding:10px 12px;display:flex;flex-direction:column;gap:5px;box-shadow:var(--sh)}
.tzr-legend .lt{font-size:10.5px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted-2);font-weight:700}
.tzr-legend .lr{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:600;color:var(--ink-2)}
.tzr-legend .lr i{width:10px;height:10px;border-radius:50%}
.tzr-legend .lr i.ln{width:18px;height:3px;border-radius:2px}
.tzr-mapempty{position:absolute;inset:0;z-index:600;place-items:center;pointer-events:none}
.tzr-mapempty div{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:18px 24px;box-shadow:var(--sh);color:var(--muted);font-size:13px}

/* Pin de unidad: círculo del color del tipo; las de frío llevan la nieve */
.tzr-pin{background:none;border:0}
.tzr-pin .u{width:34px;height:34px;border-radius:50%;background:var(--c);border:2px solid #fff;color:#fff;display:grid;place-items:center;
  box-shadow:0 3px 6px rgba(0,0,0,.35)}
.tzr-pin .u svg{width:19px;height:19px}
.tzr-pin .u b{font-family:var(--fd);font-size:14px}

/* Línea de tiempo del folio */
.tzr-linea{display:flex;flex-direction:column}
.tzr-paso{display:flex;gap:10px;align-items:flex-start;padding:6px 0}
.tzr-dot{flex:none;width:22px;height:22px;border-radius:50%;background:var(--c);border:2px solid #fff;box-shadow:0 0 0 1px var(--c);color:#fff;display:grid;place-items:center}
.tzr-dot svg{width:13px;height:13px}
.tzr-tramo{margin-left:10px;border-left:3px dashed var(--amber);padding:6px 0 6px 18px;font-size:12px;font-weight:600;color:var(--amber-ink)}
.tzr-tramo.frio{border-left-style:solid;border-left-color:var(--blue);color:var(--blue-ink)}
.tzr-tramo .tzr-nieve{color:var(--blue)}

/* Cinco indicadores en una fila; en pantallas angostas bajan solos */
.tzr-kpis{grid-template-columns:repeat(auto-fit,minmax(190px,1fr))}
/* Las etiquetas de los tramos y unidades son largas, y los tiempos «2 h 25» no se parten */
.tzr-bars .bar-row .bl{width:240px;flex:none}
.tzr-bars .bar-row .bv{width:auto;min-width:64px;white-space:nowrap}
.tzr-nw{white-space:nowrap}
@media (max-width:720px){.tzr-bars .bar-row .bl{width:130px}}