.tracking-section{margin-inline:auto;display:flex;width:100%;min-height:100%;flex-direction:column;align-items:center;gap:1.5rem;background:linear-gradient(to bottom,#fff,#f3e8ff);padding:2.5rem 1.25rem}.tracking-section__header{margin-inline:auto;display:flex;width:100%;max-width:80rem;flex-direction:column;align-items:center;gap:1rem}.tracking-section__badge-wrap{margin-right:auto}.tracking-section__badge{margin-top:1.25rem}.tracking-section__title{margin-top:.5rem;margin-bottom:.5rem;text-align:center}.tracking-section__description-wrap{display:flex;width:100%;flex-direction:column;align-items:center;gap:.5rem}.tracking-section__description{max-width:1100px;text-align:center}.tracking-section__card{position:relative;margin-inline:auto;width:100%;max-width:80rem;border-radius:40px;background-color:#f8f7fe}.tracking-section__card-inner{margin-inline:auto;display:flex;width:100%;flex-direction:column;align-items:stretch}.tracking-section__content{width:100%;margin-top:0;padding:0;text-align:center}.tracking-section__content-title{margin-bottom:1rem;text-align:center}@media (min-width: 1024px){.tracking-section{gap:1.5rem;padding:2.5rem}.tracking-section__badge{margin-top:0}}.trk-status,.trk-status *{box-sizing:border-box}.trk-status{overflow-x:hidden;background:linear-gradient(to bottom,#fff,#f8f7fe);padding:3rem 1rem}.trk-status__container{position:relative;width:100%;max-width:80rem;margin-inline:auto;overflow:hidden;border:1px solid rgba(89,69,230,.08);border-radius:2.5rem;background:radial-gradient(circle at 90% 5%,rgba(89,69,230,.07),transparent 24%),#f8f7fe;padding:2rem;box-shadow:0 16px 42px #30277812}.trk-status__header{display:flex;max-width:55rem;flex-direction:column;align-items:flex-start;gap:1rem}.trk-status__badge{display:inline-flex;width:-moz-fit-content;width:fit-content;align-items:center;gap:.45rem;border:1px solid rgba(89,69,230,.16);border-radius:999px;background:#ffffffd6;padding:.45rem .9rem;color:#5945e6;font-size:.78rem;font-weight:700;line-height:1.2;box-shadow:0 4px 14px #5945e612}.trk-status__badge:before{content:"📍";font-size:.85rem;line-height:1}.trk-status h2{margin:0;color:#333;font-size:clamp(2rem,4vw,3rem);line-height:1.12;font-weight:800;letter-spacing:-.035em;text-align:left}.trk-status__header>p{max-width:52rem;margin:0;color:#475569;font-size:1rem;line-height:1.7}.trk-status__tags{display:flex;flex-wrap:wrap;gap:.5rem;margin:.25rem 0 0;padding:0;list-style:none}.trk-status__tags li{display:inline-flex;align-items:center;border:1px solid rgba(89,69,230,.12);border-radius:999px;background:#ffffffdb;padding:.35rem .75rem;color:#334155;font-size:.72rem;font-weight:700;line-height:1.25;box-shadow:0 2px 6px #3027780a}.trk-status__progress{height:.45rem;margin-top:2.25rem;overflow:hidden;border-radius:999px;background:linear-gradient(to right,#cbd5e1 0 41.666667%,#60a5fa 41.666667% 83.333334%,#22c55e 83.333334% 100%)}.trk-status__steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;margin:.85rem 0 0;padding:0;color:#64748b;list-style:none}.trk-status__steps li{display:flex;min-width:0;flex-direction:column;align-items:center;gap:.4rem;text-align:center}.trk-status__steps li:before{content:"";display:block;width:2rem;height:2rem;flex:0 0 auto;background-position:center;background-repeat:no-repeat;background-size:contain}.trk-status__steps strong{display:block;min-width:0;color:inherit;font-size:.78rem;line-height:1.25;font-weight:800;overflow-wrap:anywhere}.trk-status__steps .is-created{align-items:flex-start;text-align:left}.trk-status__steps .is-created:before{background-image:url(https://cdn.drenvio.com/mx/tracking/status-create-shipment.webp)}.trk-status__steps .is-route{color:#2563eb}.trk-status__steps .is-route:before{width:2.35rem;height:2.35rem;background-image:url(https://cdn.drenvio.com/mx/tracking/status-transport.webp)}.trk-status__steps .is-delivered{align-items:flex-end;color:#16a34a;text-align:right}.trk-status__steps .is-delivered:before{background-image:url(https://cdn.drenvio.com/mx/tracking/status-delivered.webp)}.trk-status__cards{display:flex;gap:.875rem;overflow-x:auto;overflow-y:hidden;width:100%;margin:1.75rem 0 0;padding:.25rem 0 .9rem;list-style:none;scroll-snap-type:x mandatory;scroll-padding-inline:0;-webkit-overflow-scrolling:touch}.trk-status__cards::-webkit-scrollbar{height:5px}.trk-status__cards::-webkit-scrollbar-thumb{border-radius:999px;background:#5945e640}.trk-status__cards::-webkit-scrollbar-track{background:transparent}.trk-status__cards>li{display:flex;width:86%;min-width:16rem;min-height:14rem;flex:0 0 86%;align-items:flex-start;gap:.9rem;scroll-snap-align:start;border:1px solid rgba(89,69,230,.13);border-radius:1.15rem;background:#ffffffe6;padding:1.25rem;box-shadow:0 10px 26px #30277812}.trk-status__cards>li.is-active{border-color:#3b82f64d;background:linear-gradient(145deg,#3b82f612,#fff 48%)}.trk-status__card-icon{display:flex;width:2.6rem;height:2.6rem;flex:0 0 auto;align-items:center;justify-content:center;border-radius:.85rem;background:#5945e617;font-size:1.05rem;line-height:1}.trk-status__cards>li.is-active .trk-status__card-icon{background:#3b82f61f}.trk-status__cards>li>div{min-width:0}.trk-status__cards h3{margin:0 0 .55rem;color:#1a1258;font-size:.95rem;line-height:1.35;font-weight:800}.trk-status__cards p{margin:0;color:#475569;font-size:.875rem;line-height:1.65}.trk-status__notes{display:flex;flex-direction:column;gap:.75rem;margin-top:1.5rem}.trk-status__notes>p,.trk-status__help{margin:0;border:1px solid rgba(89,69,230,.1);border-radius:1rem;background:#ffffffd1;padding:1rem;color:#334155;font-size:.875rem;line-height:1.65;box-shadow:0 4px 14px #3027780a}.trk-status__notes strong{color:#1a1258;font-weight:800}.trk-status__help{display:flex;flex-direction:column;align-items:flex-start;gap:.65rem}.trk-status__help p{margin:0;color:#334155}.trk-status__help a{display:inline-flex;align-items:center;gap:.35rem;color:#5945e6;font-size:.85rem;font-weight:800;line-height:1.45;text-decoration:none}.trk-status__help a:after{content:"→"}.trk-status__help a:hover{text-decoration:underline}.trk-status__notes small{color:#64748b;font-size:.75rem;line-height:1.55}@media (max-width: 639px){.trk-status__progress{display:none}.trk-status__steps{display:grid;grid-template-columns:1fr;gap:.6rem;margin:1.5rem 0 0;padding:0}.trk-status__steps li,.trk-status__steps .is-created,.trk-status__steps .is-route,.trk-status__steps .is-delivered{display:flex;width:100%;min-width:0;flex-direction:row;align-items:center;justify-content:flex-start;gap:.8rem;border:1px solid rgba(89,69,230,.12);border-radius:.9rem;background:#ffffffd1;padding:.7rem .85rem;text-align:left;box-shadow:0 4px 12px #3027780a}.trk-status__steps .is-created{color:#475569}.trk-status__steps .is-route{border-color:#3b82f633;background:#eff6ffcc;color:#2563eb}.trk-status__steps .is-delivered{border-color:#22c55e2e;background:#f0fdf4cc;color:#16a34a}.trk-status__steps li:before,.trk-status__steps .is-route:before{display:block;width:2.25rem;height:2.25rem;flex:0 0 2.25rem;background-position:center;background-repeat:no-repeat;background-size:contain}.trk-status__steps strong{display:block;width:auto;min-width:0;color:inherit;font-size:.85rem;line-height:1.35;font-weight:800;text-align:left;overflow-wrap:normal}.trk-status__cards{margin-top:1.25rem}}@media (max-width: 380px){.trk-status__steps li,.trk-status__steps .is-created,.trk-status__steps .is-route,.trk-status__steps .is-delivered{padding:.65rem .75rem}.trk-status__steps li:before,.trk-status__steps .is-route:before{width:2rem;height:2rem;flex-basis:2rem}.trk-status__steps strong{font-size:.8rem}}@media (min-width: 640px){.trk-status{padding-inline:1.5rem}.trk-status__container{padding:2.5rem}.trk-status__steps strong{font-size:.85rem}}@media (min-width: 768px){.trk-status__cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;overflow:visible;padding:0;scroll-snap-type:none}.trk-status__cards>li{width:auto;min-width:0;min-height:15rem;flex:initial}.trk-status__help{flex-direction:row;align-items:center;justify-content:space-between}}@media (min-width: 1024px){.trk-status{padding:4rem 2rem}.trk-status__container{padding:3.5rem}.trk-status__progress{margin-top:2.5rem}.trk-status__cards>li{min-height:13rem}}@media (min-width: 1280px){.trk-status{padding-inline:0}}