.tracking-section{margin-inline:auto;display:flex;min-height:100%;flex-direction:column;align-items:center;justify-content:center;gap:1rem;background:linear-gradient(to bottom,#fff,#f3e8ff);padding:2.5rem 1.25rem}.tracking-section__header{margin-inline:auto;display:flex;min-height:100%;flex-direction:column;align-items:center;justify-content: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;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;max-width:80rem;border-radius:40px;background-color:#f8f7fe}.tracking-section__card-inner{margin-inline:auto;display:flex;min-height:100%;flex-direction:column;align-items:center;justify-content:center;gap:1rem}.tracking-section__banner{position:absolute;top:0;left:0;display:flex;width:100%;justify-content:center;border:1px solid var(--custom-blue, #6262e8);border-radius:12px;background-color:#6262e8;padding:.5rem;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a}.tracking-section__banner-content{display:flex;width:100%;align-items:center}.tracking-section__banner-icon{margin-right:1rem;width:30px;border-radius:15px;background-color:#fff}.tracking-section__banner-image{width:100%;padding:.5rem}.tracking-section__banner-title{flex:1;text-align:center;font-size:1.125rem;font-weight:400;color:#fff}.tracking-section__content{margin-top:2.5rem;padding:1rem;text-align:center}@media (min-width: 1024px){.tracking-section{gap:3rem;padding:2.5rem}.tracking-section__badge{margin-top:0}}@media (min-width: 1022px){.tracking-section__card{padding:60px}}@media (min-width: 1160px){.tracking-section__card{flex-direction:row}}@media (min-width: 1024px){.tracking-section__banner{gap:.5rem;padding:.5rem}.tracking-section__banner-icon{width:60px}.tracking-section__banner-image{padding:1rem}.tracking-section__banner-title{font-size:1.875rem}}@media (min-width: 1280px){.tracking-section__banner-title{font-size:2.25rem}}.trk-faq,.trk-faq *{box-sizing:border-box}.trk-faq{position:relative;overflow:hidden;background:radial-gradient(circle at 90% 5%,rgba(89,69,230,.08),transparent 24%),linear-gradient(to bottom,#fff,#f8f7fe);padding:3rem 1rem}.trk-faq__container{width:100%;max-width:75rem;margin-inline:auto}.trk-faq__header{max-width:52rem;margin:0 auto 2.5rem;text-align:center}.trk-faq__badge{display:inline-flex;align-items:center;justify-content:center;margin-bottom:1rem;border:1px solid rgba(89,69,230,.16);border-radius:999px;background:#5945e60f;padding:.45rem .9rem;color:#5945e6;font-size:.78rem;font-weight:700;line-height:1.2;box-shadow:0 4px 14px #5945e60f}.trk-faq__title{margin:0;color:#333;font-size:clamp(2rem,4vw,3rem);line-height:1.12;font-weight:800;letter-spacing:-.035em}.trk-faq__intro{max-width:44rem;margin:1rem auto 0;color:#475569;font-size:1rem;line-height:1.7}.trk-faq__grid{display:grid;grid-template-columns:1fr;gap:1rem;align-items:start}.trk-faq__item{align-self:start;overflow:hidden;border:1px solid rgba(89,69,230,.14);border-radius:1.15rem;background:#ffffffe6;box-shadow:0 8px 24px #3027780f;transition:border-color .25s ease,background-color .25s ease,box-shadow .25s ease}.trk-faq__item:hover{border-color:#5945e642;box-shadow:0 12px 28px #3027781a}.trk-faq__item[open]{border-color:#5945e647;background:#fff;box-shadow:0 14px 34px #3027781c}.trk-faq__trigger{display:grid;width:100%;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.9rem;padding:1.15rem 1.25rem;cursor:pointer;list-style:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.trk-faq__trigger::-webkit-details-marker{display:none}.trk-faq__trigger::marker{display:none;content:""}.trk-faq__trigger:focus-visible{outline:3px solid rgba(89,69,230,.24);outline-offset:-3px}.trk-faq__icon{display:flex;width:2.5rem;height:2.5rem;flex:0 0 auto;align-items:center;justify-content:center;border-radius:.8rem;background:#5945e617;font-size:1rem;line-height:1;transition:transform .25s ease,background-color .25s ease}.trk-faq__item[open] .trk-faq__icon{transform:scale(1.04);background:#5945e624}.trk-faq__question{min-width:0;margin:0;color:#1a1258;font-size:.95rem;line-height:1.45;font-weight:800}.trk-faq__arrow{position:relative;width:1.75rem;height:1.75rem;flex:0 0 auto;border-radius:999px;background:#5945e612;transition:transform .25s ease,background-color .25s ease}.trk-faq__arrow:before{content:"";position:absolute;inset:0;width:.45rem;height:.45rem;margin:auto;border-right:2px solid rgb(89 69 230);border-bottom:2px solid rgb(89 69 230);transform:translateY(-.12rem) rotate(45deg);transition:transform .25s ease}.trk-faq__item[open] .trk-faq__arrow{background:#5945e621}.trk-faq__item[open] .trk-faq__arrow:before{transform:translateY(.12rem) rotate(225deg)}.trk-faq__content{max-height:0;overflow:hidden;padding:0 1.25rem;opacity:0;transition:max-height .35s ease,opacity .25s ease,padding .3s ease}.trk-faq__item[open]>.trk-faq__content{max-height:42rem;padding:0 1.25rem 1.25rem 4.65rem;opacity:1}.trk-faq__answer{margin:0;color:#475569;font-size:.9rem;line-height:1.75}.trk-faq__answer strong{color:#1a1258;font-weight:800}.trk-faq__action-wrap{display:flex;justify-content:flex-start;margin-top:1rem}.trk-faq__action{display:inline-flex;min-height:2.5rem;align-items:center;justify-content:center;gap:.4rem;border:1px solid rgba(89,69,230,.16);border-radius:999px;background:#5945e612;padding:.6rem 1rem;color:#5945e6;font-size:.8rem;font-weight:700;text-decoration:none;transition:transform .2s ease,border-color .2s ease,background-color .2s ease}.trk-faq__action:after{content:"→";font-size:.95rem}.trk-faq__action:hover{transform:translateY(-1px);border-color:#5945e647;background:#5945e61f}.trk-faq__cta{display:flex;flex-direction:column;align-items:center;gap:1rem;margin-top:2rem;border:1px solid rgba(89,69,230,.12);border-radius:1.25rem;background:#ffffffd6;padding:1.25rem;text-align:center;box-shadow:0 10px 28px #3027780f}.trk-faq__cta>div{max-width:44rem}.trk-faq__cta strong{display:block;margin:0;color:#1a1258;font-size:1rem;font-weight:800}.trk-faq__cta p{margin:.35rem 0 0;color:#475569;font-size:.875rem;line-height:1.6}.trk-faq__cta>a{display:inline-flex;min-height:2.75rem;align-items:center;justify-content:center;border-radius:.75rem;background:#5945e6;padding:.7rem 1.25rem;color:#fff;font-size:.8rem;font-weight:700;text-decoration:none;box-shadow:0 8px 20px #5945e633;transition:transform .2s ease,background-color .2s ease,box-shadow .2s ease}.trk-faq__cta>a:after{content:"→";margin-left:.5rem}.trk-faq__cta>a:hover{transform:translateY(-2px);background:#4835d2;box-shadow:0 12px 26px #5945e647}@media (max-width: 480px){.trk-faq{padding:2.5rem 1rem}.trk-faq__trigger{gap:.7rem;padding:1rem}.trk-faq__icon{width:2.25rem;height:2.25rem}.trk-faq__question{font-size:.9rem}.trk-faq__item[open]>.trk-faq__content{padding:0 1rem 1rem}.trk-faq__action{width:100%}}@media (min-width: 768px){.trk-faq{padding-inline:1.5rem}.trk-faq__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.trk-faq__cta{flex-direction:row;justify-content:space-between;padding:1.25rem 1.5rem;text-align:left}.trk-faq__cta>a{flex:0 0 auto}}@media (min-width: 1024px){.trk-faq{padding:4rem 2rem}}@media (min-width: 1280px){.trk-faq{padding-inline: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}}
