/* Pharmalogik — tracking real (complementa site.css; estados que el mock-up no tenía) */
body{background:#f4f6fb}
#track{min-height:100vh}
a.t-btn{text-decoration:none}

/* Estado del envío */
.t-status.is-pend{background:#eef1f7;color:#4b5563}.t-status.is-pend i{background:#8a93ab;animation:none}
.t-status.is-done{background:var(--pl-green-50);color:var(--pl-green-d)}.t-status.is-done i{animation:none}
.t-status.is-fail{background:#fdecee;color:#b4132b}.t-status.is-fail i{background:#c8102e;animation:none}

/* Progreso: 5 pasos, intentos reprogramados y fallidos */
.t-steps.t-steps-5{grid-template-columns:repeat(5,1fr)}
.t-att{margin:22px 0 -10px;font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#8a93ab}
.t-steps li.fail:before,.t-steps li.ret:before{background:var(--pl-green)}
.t-steps .fail span{background:#c8102e;border-color:#c8102e}
.t-steps .fail b{color:#b4132b!important}
.t-steps .ret span{background:#B45309;border-color:#B45309}
.t-steps .ret b{color:#B45309!important}

/* Mapa real (Leaflet) y sin coordenadas */
.t-map-live{min-height:320px;background:#e8ecf4}
.t-map-live:before{display:none}
.t-map-live .leaflet-container,.t-map-live.leaflet-container{font-family:inherit}
.t-map-empty{display:grid;place-items:center;color:#cdd6ef;font-size:14px;text-align:center;padding:24px}
.t-map-empty p{position:relative}

.t-desc{margin-top:14px;padding-top:14px;border-top:1px solid #eef1f7;font-size:14px;color:#374151}

@media (max-width:980px){
  .t-steps.t-steps-5{grid-template-columns:repeat(5,1fr);padding:18px 6px}
  .t-steps li:nth-child(4):before{display:block}
  .t-steps b{font-size:11.5px}
}
@media (max-width:560px){
  .t-steps.t-steps-5 small{display:none}
  .t-steps span{width:28px;height:28px;font-size:12px}
  .t-steps li:before{top:12px}
}

/* Leaflet dentro de .t-map: anula el estilo del SVG decorativo del mock-up */
.t-map-live svg{width:auto;height:auto;min-height:0}
.t-map-live .leaflet-pane>svg{position:absolute}
.t-map-live .leaflet-attribution-flag{width:12px!important;height:8px!important;display:inline!important}