.iaso-colissimo-customer { margin: 36px 0; }
.iaso-tracking-head { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 18px 20px; border-left: 5px solid #2d6cdf; border-radius: 5px; background: #f4f7fb; }
.iaso-tracking-head strong, .iaso-kicker { display: block; }
.iaso-tracking-head strong { font-size: 1.12em; }
.iaso-kicker { margin-bottom: 3px; color: #687387; font-size: .78em; text-transform: uppercase; letter-spacing: .06em; }
.iaso-tracking-head.iaso-delivered { border-color: #169b62; background: #effaf5; }
.iaso-tracking-head.iaso-pickup { border-color: #dba617; background: #fff9e8; }
.iaso-tracking-head.iaso-incident, .iaso-tracking-head.iaso-return { border-color: #d63638; background: #fff2f2; }
.iaso-number { color: #687387; font-size: .9em; }
.iaso-colissimo-timeline { margin: 20px 0 0 6px; padding: 0; list-style: none; }
.iaso-colissimo-timeline li { display: flex; position: relative; gap: 14px; padding: 0 0 20px; }
.iaso-colissimo-timeline li:not(:last-child)::before { content: ""; position: absolute; left: 5px; top: 11px; bottom: -2px; border-left: 2px solid #dce2e9; }
.iaso-dot { z-index: 1; flex: 0 0 12px; width: 12px; height: 12px; margin-top: 5px; border-radius: 50%; background: #2d6cdf; box-shadow: 0 0 0 4px #fff; }
.iaso-colissimo-timeline time { color: #687387; font-size: .82em; }
.iaso-colissimo-timeline p { margin: 2px 0 0; }
@media (max-width: 520px) { .iaso-tracking-head { align-items: flex-start; flex-direction: column; } }