/* ==========================================================================
   IRON ROUTE — la tarjeta del viaje que llega del TMS.
   Hoja de estilo mínima y responsive. Cero !important.
   ========================================================================== */
.irtms {
  position: fixed; inset: 0; z-index: 1200;
  display: flex; align-items: flex-end; justify-content: center;
  background: rgba(0,0,0,.55);
  padding-bottom: env(safe-area-inset-bottom, 0px);
}
.irtms[hidden] { display: none; }

.irtms__card {
  width: min(560px, 100%);
  max-height: calc(100dvh - 40px);
  overflow-y: auto; -webkit-overflow-scrolling: touch;
  background: #0A1B33; color: #F5F7FA;
  border: 1px solid #1E3A5F; border-radius: 18px 18px 0 0;
  padding: 20px 20px calc(20px + env(safe-area-inset-bottom, 0px));
  box-shadow: 0 -8px 40px rgba(0,0,0,.5);
}
@media (min-width: 641px) {
  .irtms { align-items: center; }
  .irtms__card { border-radius: 18px; max-height: min(88dvh, 820px); }
}

.irtms__cab { display: flex; justify-content: space-between; align-items: center; margin-bottom: 10px; }
.irtms__marca { color: #D4A84B; font-size: .72rem; font-weight: 800; letter-spacing: .09em; }
.irtms__x { min-width: 48px; min-height: 48px; background: none; border: 0; color: #9FB0C3; font-size: 20px; cursor: pointer; }

.irtms__ciudad { font-size: clamp(1.7rem, 7vw, 2.3rem); font-weight: 800; line-height: 1.05; }
.irtms__inst   { color: #9FB0C3; margin-top: 2px; }
.irtms__cita   { display: flex; gap: .6em; align-items: baseline; flex-wrap: wrap; margin-top: 14px; font-size: 1.15rem; }
.irtms__cita-tipo { color: #9FB0C3; text-transform: uppercase; font-size: .72rem; letter-spacing: .07em; }
.irtms__millas { margin-top: 8px; color: #9FB0C3; font-variant-numeric: tabular-nums; }

.irtms__entrada { display: flex; gap: .5em; margin-top: 14px; padding: 12px 14px;
  background: #10294A; border-radius: 12px; line-height: 1.4; }
.irtms__ic { color: #D4A84B; font-weight: 700; }

.irtms__avisos { margin-top: 14px; padding: 12px 14px; background: #10294A; border-radius: 12px; }
.irtms__avisos-t { color: #9FB0C3; font-size: .7rem; letter-spacing: .07em; margin-bottom: 6px; }
.irtms__aviso { display: flex; gap: .6em; padding: 4px 0; line-height: 1.35; }
.irtms__aviso-mi { color: #D4A84B; font-weight: 800; flex: 0 0 auto; font-variant-numeric: tabular-nums; }

.irtms__navegar {
  display: block; width: 100%; min-height: 64px; margin-top: 18px;
  background: #D4A84B; color: #030D1C; border: 0; border-radius: 14px;
  font-size: 1.25rem; font-weight: 800; letter-spacing: .03em; cursor: pointer;
}
.irtms__aceptar {
  display: block; width: 100%; min-height: 52px; margin-top: 10px;
  background: rgba(16,185,129,.14); color: #10B981;
  border: 1px solid #10B981; border-radius: 13px; font-size: 1.05rem; font-weight: 700; cursor: pointer;
}
.irtms__aceptar:disabled { opacity: .6; cursor: default; }
.irtms__ok { text-align: center; color: #10B981; font-weight: 800; padding: 12px; }

.irtms__ubic { display: flex; gap: .6em; align-items: center; min-height: 48px; margin-top: 12px; color: #9FB0C3; cursor: pointer; }
.irtms__ubic input { width: 22px; height: 22px; }
.irtms__pie  { margin-top: 12px; padding-top: 10px; border-top: 1px solid #1E3A5F; color: #9FB0C3; font-size: .9rem; }
.irtms__hint { color: #9FB0C3; line-height: 1.45; }

/* ==========================================================================
   EL CAMIÓN QUE VIENE DEL TMS

   Se le dice al conductor con qué está ruteando y de dónde salió. Cambiarle
   las medidas por debajo sin avisar es el tipo de magia que hace que alguien
   deje de confiar en un GPS — y aquí la confianza es la función.
   ========================================================================== */
.irtms__camion {
  display: flex;
  flex-direction: column;
  gap: 3px;
  margin-top: 12px;
  padding: 10px 12px;
  border-radius: 10px;
  border: 1px solid rgba(16, 185, 129, 0.35);
  background: rgba(16, 185, 129, 0.08);
}
.irtms__camion strong {
  font-family: 'DM Sans', system-ui, sans-serif;
  font-size: 13px;
  color: var(--success, #10B981);
}
.irtms__camion span {
  font-family: 'JetBrains Mono', ui-monospace, monospace;
  font-size: 12px;
  line-height: 1.45;
  color: var(--text, #F5F7FA);
}
.irtms__camion-n { color: var(--text-muted, #9FB0C3); }
/* La discrepancia va en ámbar: no es un error que rompa nada, es algo que
   alguien tiene que ir a arreglar a la fuente. */
.irtms__camion-d { color: var(--warning, #F5A623); }