.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:linear-gradient(to bottom,#fff,#f3e8ff);padding:2.5rem 1rem}.trk-faq__container{max-width:80rem;margin-inline:auto}.trk-faq__header{max-width:52rem;margin:0 auto 2rem;text-align:center}.trk-faq__title{margin:0 0 1rem;color:#111827;font-size:clamp(2rem,4vw,4rem);line-height:1.08;font-weight:800}.trk-faq__intro{max-width:42rem;margin:0 auto;color:#4b5563;font-size:1rem;line-height:1.65}.trk-faq__grid{display:grid;grid-template-columns:1fr;gap:1.25rem;align-items:start}.trk-faq__item{align-self:start;overflow:hidden;border:1px solid rgb(216 220 255);border-radius:1rem;background-color:transparent}.trk-faq__input{position:absolute;opacity:0;pointer-events:none}.trk-faq__trigger{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:1rem;width:100%;padding:1.25rem;cursor:pointer}.trk-faq__icon{width:2rem;height:2rem;-o-object-fit:contain;object-fit:contain;flex-shrink:0}.trk-faq__question{min-width:0;margin:0;color:#111827;font-size:1rem;line-height:1.35;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.trk-faq__arrow{position:relative;width:1rem;height:1rem;flex-shrink:0}.trk-faq__arrow:before{content:"";position:absolute;inset:0;width:.5rem;height:.5rem;margin:auto;border-right:2px solid rgb(75 85 99);border-bottom:2px solid rgb(75 85 99);transform:rotate(45deg);transition:transform .25s ease}.trk-faq__content{max-height:0;overflow:hidden;padding:0 1.25rem;opacity:0;transition:max-height .3s ease,opacity .25s ease,padding .25s ease}.trk-faq__input:checked+.trk-faq__trigger+.trk-faq__content{max-height:320px;padding:0 1.25rem 1.25rem 4.25rem;opacity:1}.trk-faq__input:checked+.trk-faq__trigger .trk-faq__arrow:before{transform:rotate(225deg)}.trk-faq__answer{margin:0;color:#4b5563;font-size:.95rem;line-height:1.75}.trk-faq__action-wrap{display:flex;justify-content:flex-start;margin-top:1rem}.trk-faq__action{display:inline-flex;align-items:center;gap:.35rem;border-radius:999px;background-color:#ffffffd9;padding:.65rem 1rem;color:#2d1b69;font-size:.875rem;font-weight:700;text-decoration:none;transition:transform .2s ease,background-color .2s ease}.trk-faq__action:hover{transform:translateY(-1px);background-color:#fff}.trk-faq__action:after{content:"→"}.trk-faq__cta{display:flex;flex-direction:column;align-items:center;gap:.85rem;margin-top:2rem;text-align:center}.trk-faq__cta p{margin:0;color:#4b5563}.trk-faq__cta a{display:inline-flex;align-items:center;justify-content:center;border-radius:.75rem;background-color:#ffffffe6;padding:.75rem 1rem;text-decoration:none}.trk-faq__cta img{display:block;width:120px;height:auto}@media (min-width: 768px){.trk-faq__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width: 1024px){.trk-faq{padding-top:3.5rem;padding-bottom:3.5rem}.trk-faq__title{font-size:clamp(2.5rem,4vw,4rem)}}.trk-status,.trk-status *{box-sizing:border-box}.trk-status{background:linear-gradient(to bottom,#fff,#f3e8ff);padding:1.25rem}.trk-status>div{position:relative;max-width:80rem;margin-inline:auto;border-radius:40px;background-color:#f8f7fe;padding:30px;box-shadow:0 1px 2px #0000000d}.trk-status header{display:flex;flex-direction:column;gap:1rem}.trk-status header>span{display:inline-flex;align-items:center;gap:.5rem;width:-moz-fit-content;width:fit-content;color:#1f2937;font-weight:700}.trk-status header>span:before{content:"📍";display:inline-flex;width:1.5rem;height:1.5rem;align-items:center;justify-content:center;color:#2563eb;font-size:1rem;line-height:1}.trk-status h2{margin:0;color:#333;font-size:clamp(1.875rem,4vw,3rem);line-height:1.25;font-weight:800;text-align:left}.trk-status header p{max-width:52rem;margin:0;color:#6b7280;font-size:1rem;line-height:1.7}.trk-status__tags{display:flex;flex-wrap:wrap;gap:.5rem;margin:.5rem 0 0;padding:0;list-style:none}.trk-status__tags li{border-radius:9999px;background-color:#fffc;padding:.25rem .75rem;color:#1f2937;font-size:.75rem;font-weight:700;box-shadow:inset 0 0 0 1px #e5e7eb}.trk-status__progress{height:.5rem;margin-top:2rem;overflow:hidden;border-radius:9999px;background:linear-gradient(to right,#d1d5db 0 41.666667%,#60a5fa 41.666667% 83.333334%,#16a34a 83.333334% 100%)}.trk-status__steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:1rem 0 0;padding:0;color:#6b7280;font-size:.875rem;font-weight:600;list-style:none}.trk-status__steps li{display:flex;align-items:center;gap:.375rem}.trk-status__steps li:nth-child(1){justify-content:flex-start}.trk-status__steps li:nth-child(2){justify-content:center}.trk-status__steps li:nth-child(3){justify-content:flex-end}.trk-status__steps li:after{content:"";display:inline-block;width:32px;height:32px;flex:0 0 auto;background-position:center;background-repeat:no-repeat;background-size:contain}.trk-status__steps .is-created:after{background-image:url(https://cdn.drenvio.com/mx/tracking/status-create-shipment.webp)}.trk-status__steps .is-route{color:#1e40af}.trk-status__steps .is-route:after{width:42px;height:42px;background-image:url(https://cdn.drenvio.com/mx/tracking/status-transport.webp)}.trk-status__steps .is-delivered{color:#16a34a}.trk-status__steps .is-delivered:after{background-image:url(https://cdn.drenvio.com/mx/tracking/status-delivered.webp)}.trk-status__steps span{display:none}.trk-status__cards{display:flex;gap:.875rem;margin:1.5rem -.25rem 0;padding:.25rem .25rem 1rem;list-style:none;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch}.trk-status__cards li{flex:0 0 245px;min-height:190px;scroll-snap-align:start;border:1px solid rgb(219 234 254);border-radius:1rem;background-color:#ffffffe6;padding:1rem;box-shadow:0 4px 12px #0000000f}.trk-status__cards li.is-active{border-color:#bfdbfe;background-color:#eff6ffa6}.trk-status__cards h3{margin:0 0 .5rem;color:#1f2937;font-size:.875rem;font-weight:800}.trk-status__cards p{margin:0;color:#4b5563;font-size:.875rem;line-height:1.625}.trk-status__notes{display:flex;flex-direction:column;gap:.75rem;margin-top:1.5rem}.trk-status__notes>p,.trk-status__notes>div{border:1px solid rgb(219 234 254);border-radius:1rem;background-color:#fffc;padding:1rem;color:#374151;font-size:.875rem;line-height:1.6;box-shadow:0 1px 2px #0000000d}.trk-status__notes strong{color:#111827;font-weight:700}.trk-status__notes>div{display:flex;flex-direction:column;gap:.5rem}.trk-status__notes>div p{margin:0;color:#374151}.trk-status__notes a{display:inline-flex;align-items:center;gap:.25rem;color:#1d4ed8;font-size:.875rem;font-weight:700;text-decoration:none}.trk-status__notes a:after{content:"→"}.trk-status__notes a:hover{text-decoration:underline}.trk-status__notes small{color:#6b7280;font-size:.75rem;line-height:1.5}.trk-status__cards::-webkit-scrollbar{height:6px}.trk-status__cards::-webkit-scrollbar-thumb{border-radius:999px;background-color:#c6c6e6}.trk-status__cards::-webkit-scrollbar-track{background:transparent}@media (max-width: 380px){.trk-status{padding:1rem}.trk-status>div{border-radius:28px;padding:20px}.trk-status__cards li{flex-basis:230px;min-height:200px}}@media (min-width: 640px){.trk-status header>span:before{width:1.25rem;height:1.25rem}.trk-status__steps span{display:inline}}@media (min-width: 768px){.trk-status{padding:2.5rem}.trk-status__cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-inline:0;padding:0;overflow:visible;scroll-snap-type:none}.trk-status__cards li{width:auto;min-height:initial;flex:initial;scroll-snap-align:initial;box-shadow:0 1px 2px #0000000d}.trk-status__notes>div{flex-direction:row;align-items:center;justify-content:space-between}}@media (min-width: 1022px){.trk-status>div{padding:60px}}@media (min-width: 1024px){.trk-status__progress{margin-top:2.5rem}}@media (min-width: 1280px){.trk-status{padding-inline:10%}}@media (min-width: 1920px){.trk-status{padding-inline:20%}}