.trk-page{min-height:100vh;background:var(--paper)}.trk-hero{padding:clamp(28px,4vw,52px)0 8px;text-align:center}.trk-hero .breadcrumbs{margin-bottom:14px;justify-content:center}.trk-hero h1{font-family:var(--font-display);font-weight:800;font-size:clamp(1.9rem,4vw,2.8rem);letter-spacing:-.02em;color:var(--ink-900);margin:0 0 10px}.trk-hero p{color:var(--ink-600);font-size:1.05rem;max-width:56ch;margin-left:auto;margin-right:auto;line-height:1.55}.trk-main{padding:clamp(36px,5vw,64px)0 clamp(48px,7vw,96px)}.trk-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:22px;max-width:880px;margin:0 auto}.trk-lookup{background:var(--white);border:1px solid var(--ink-100);border-radius:var(--radius-xl);padding:clamp(22px,3vw,32px);box-shadow:var(--shadow-sm, 0 1px 3px rgba(11,37,64,.06));text-align:center}.trk-lookup h2{font-family:var(--font-display);font-weight:700;font-size:1.25rem;color:var(--ink-900);margin:0 0 4px}.trk-lookup .sub{color:var(--ink-500);font-size:14px;margin:0 0 20px;line-height:1.5}.trk-form{display:flex;flex-direction:column;gap:14px;max-width:520px;margin:0 auto;text-align:left}.trk-field{display:flex;flex-direction:column;gap:6px}.trk-field label{font-size:12.5px;font-weight:600;color:var(--ink-700)}.trk-field label .opt{color:var(--ink-400);font-weight:400}.trk-field input{padding:12px 14px;border:1.5px solid var(--ink-200);border-radius:11px;font-family:inherit;font-size:15px;color:var(--ink-900);background:var(--white);transition:border-color .15s,box-shadow .15s}.trk-field input:focus{outline:0;border-color:var(--teal-500);box-shadow:0 0 0 4px rgba(42,155,150,.12)}.trk-field.invalid input{border-color:var(--rose-500)}.trk-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.trk-row:has(>.trk-field:only-child){grid-template-columns:1fr}@media (max-width:540px){.trk-row{grid-template-columns:1fr}}.trk-err{font-size:12.5px;color:var(--rose-500);font-weight:500}.trk-form-err{font-size:13.5px;color:var(--rose-500);font-weight:500;background:rgba(214,69,60,.08);border:1px solid rgba(214,69,60,.2);border-radius:10px;padding:11px 14px;display:flex;align-items:center;gap:8px}.trk-submit{margin-top:4px;display:inline-flex;align-items:center;justify-content:center;gap:9px;width:100%;padding:14px;border:0;cursor:pointer;background:var(--teal-500);color:#fff;border-radius:12px;font-family:var(--font-display);font-weight:700;font-size:15px;transition:background .15s}.trk-submit:hover{background:var(--teal-600)}.trk-hint{font-size:12.5px;color:var(--ink-500);margin:14px 0 0;line-height:1.55;text-align:center}.trk-hint a{color:var(--teal-700);font-weight:600}.trk-account-box{background:var(--teal-50);border:1px solid var(--teal-100);border-radius:var(--radius-xl);padding:clamp(20px,3vw,28px)}.trk-account-box h2{font-family:var(--font-display);font-weight:700;font-size:1.2rem;color:var(--ink-900);margin:0 0 3px}.trk-account-box .sub{color:var(--ink-600);font-size:13.5px;margin:0 0 18px}.trk-acc-list{display:flex;flex-direction:column;gap:10px}.trk-acc-item{width:100%;text-align:left;cursor:pointer;appearance:none;background:var(--white);border:1px solid var(--ink-100);border-radius:13px;padding:14px 16px;display:flex;align-items:center;gap:14px;transition:border-color .15s,box-shadow .15s,transform .12s}.trk-acc-item:hover{border-color:var(--teal-300);box-shadow:0 4px 14px rgba(11,37,64,.07);transform:translateY(-1px)}.trk-acc-item.active{border-color:var(--teal-500);box-shadow:0 0 0 3px rgba(42,155,150,.12)}.trk-acc-thumb{width:46px;height:46px;border-radius:10px;background:var(--paper);border:1px solid var(--ink-100);flex-shrink:0;display:grid;place-items:center;overflow:hidden}.trk-acc-thumb img{width:100%;height:100%;object-fit:contain}.trk-acc-info{flex:1;min-width:0}.trk-acc-num{display:block;font-family:var(--font-display);font-weight:700;font-size:14.5px;color:var(--ink-900)}.trk-acc-meta{display:block;font-size:12.5px;color:var(--ink-500);margin-top:3px}.trk-acc-right{display:flex;align-items:center;gap:12px;flex-shrink:0}.trk-status-pill{font-size:12px;font-weight:600;padding:4px 11px;border-radius:999px;white-space:nowrap}.trk-status-pill.pending{background:rgba(214,150,46,.14);color:#b5791a}.trk-status-pill.preparing{background:rgba(14,111,184,.12);color:var(--blue-600)}.trk-status-pill.shipped,.trk-status-pill.in_transit{background:rgba(42,155,150,.14);color:var(--teal-700)}.trk-status-pill.delivered{background:rgba(47,170,107,.14);color:var(--green-500)}.trk-status-pill.cancelled,.trk-status-pill.returned{background:var(--ink-100);color:var(--ink-600)}.trk-result{background:var(--white);border:1px solid var(--ink-100);border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow-sm, 0 1px 3px rgba(11,37,64,.06));animation:trkIn .28s cubic-bezier(.22,.61,.36,1)}@keyframes trkIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.trk-result-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;flex-wrap:wrap;padding:22px clamp(20px,3vw,28px);border-bottom:1px solid var(--ink-100)}.trk-result-num{font-family:var(--font-display);font-weight:800;font-size:1.3rem;color:var(--ink-900)}.trk-result-date{font-size:13px;color:var(--ink-500);margin-top:3px}.trk-steps{padding:30px clamp(20px,3vw,28px) 26px;display:flex;position:relative}.trk-step{flex:1;position:relative;display:flex;flex-direction:column;align-items:center;text-align:center}.trk-step:not(:last-child)::after{content:"";position:absolute;top:15px;left:50%;width:100%;height:3px;background:var(--ink-100);z-index:0}.trk-step.done:not(:last-child)::after{background:var(--teal-500)}.trk-step-dot{width:32px;height:32px;border-radius:50%;position:relative;z-index:1;background:var(--white);border:3px solid var(--ink-200);color:transparent;display:grid;place-items:center;transition:all .2s}.trk-step.done .trk-step-dot{background:var(--teal-500);border-color:var(--teal-500);color:#fff}.trk-step.current .trk-step-dot{background:var(--white);border-color:var(--teal-500);color:var(--teal-600);box-shadow:0 0 0 5px rgba(42,155,150,.15)}.trk-step.current .trk-step-dot .pulse{width:11px;height:11px;border-radius:50%;background:var(--teal-500);animation:trkPulse 1.4s ease-in-out infinite}@keyframes trkPulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(.7);opacity:.5}}.trk-step-lbl{font-size:12px;font-weight:600;color:var(--ink-400);margin-top:10px;max-width:92px;line-height:1.3}.trk-step.done .trk-step-lbl,.trk-step.current .trk-step-lbl{color:var(--ink-800)}.trk-step-date{font-size:11px;color:var(--ink-400);margin-top:2px}@media (max-width:560px){.trk-steps{flex-direction:column;gap:0;padding-left:32px}.trk-step{flex-direction:row;align-items:flex-start;text-align:left;gap:14px;padding-bottom:22px}.trk-step:not(:last-child)::after{top:16px;left:15px;width:3px;height:100%}.trk-step-lbl{max-width:none;margin-top:4px}}.trk-cancel-banner{margin:0 clamp(20px,3vw,28px) 22px;padding:14px 16px;background:var(--ink-50);border:1px solid var(--ink-100);border-radius:12px;font-size:13.5px;color:var(--ink-700);line-height:1.5}.trk-cancel-banner strong{color:var(--ink-900)}.trk-detail{padding:0 clamp(20px,3vw,28px) 22px}.trk-block-label{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--ink-400);margin:18px 0 10px}.trk-items{display:flex;flex-direction:column;gap:12px}.trk-item{display:flex;align-items:center;gap:13px}.trk-item-thumb{width:48px;height:48px;border-radius:10px;background:var(--paper);border:1px solid var(--ink-100);flex-shrink:0;display:grid;place-items:center;overflow:hidden}.trk-item-thumb img{width:100%;height:100%;object-fit:contain}.trk-item-info{flex:1;min-width:0}.trk-item-name{font-size:14px;font-weight:600;color:var(--ink-900)}.trk-item-qty{font-size:12.5px;color:var(--ink-500);margin-top:1px}.trk-item-price{font-family:var(--font-display);font-weight:700;font-size:14px;color:var(--ink-900);font-variant-numeric:tabular-nums}.trk-ship{display:flex;flex-direction:column;gap:9px}.trk-ship-row{display:flex;align-items:flex-start;gap:10px;font-size:13.5px;color:var(--ink-700);line-height:1.45}.trk-ship-row svg{color:var(--teal-600);flex-shrink:0;margin-top:1px}.trk-ship-row strong{color:var(--ink-900)}.trk-totals{border-top:1px solid var(--ink-100);margin-top:18px;padding-top:14px;display:flex;flex-direction:column;gap:7px}.trk-totals .row{display:flex;justify-content:space-between;font-size:13.5px;color:var(--ink-600)}.trk-totals .row span:last-child{font-variant-numeric:tabular-nums}.trk-totals .row.tot{border-top:1px solid var(--ink-100);margin-top:4px;padding-top:12px;font-family:var(--font-display);font-weight:700;font-size:18px;color:var(--ink-900)}.trk-result-foot{padding:16px clamp(20px,3vw,28px);border-top:1px solid var(--ink-100);display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:space-between;background:var(--paper)}.trk-result-foot .note{font-size:12.5px;color:var(--ink-500)}.trk-result-foot .note a{color:var(--teal-700);font-weight:600}.trk-modal-overlay{position:fixed;inset:0;z-index:400;background:rgba(11,37,64,.55);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:flex-start;justify-content:center;padding:clamp(16px,6vh,70px) 16px;overflow-y:auto;animation:trkFade .18s ease}@keyframes trkFade{0%{opacity:0}to{opacity:1}}.trk-modal{position:relative;width:100%;max-width:540px;background:var(--white);border-radius:var(--radius-xl);box-shadow:0 24px 70px rgba(11,37,64,.3);padding:clamp(24px,4vw,34px);animation:trkIn .24s cubic-bezier(.22,.61,.36,1)}.trk-modal-close{position:absolute;top:14px;right:14px;width:34px;height:34px;border-radius:50%;border:1px solid var(--ink-100);background:var(--white);color:var(--ink-500);display:grid;place-items:center;cursor:pointer}.trk-modal-close:hover{background:var(--ink-50);color:var(--ink-800)}.trk-modal-eyebrow{display:inline-block;font-family:var(--font-display);font-size:11.5px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--teal-600);margin-bottom:8px}.trk-modal-title{font-family:var(--font-display);font-weight:800;font-size:1.35rem;color:var(--ink-900);margin:0 30px 6px 0;line-height:1.2}.trk-modal-sub{font-size:14px;color:var(--ink-500);margin:0 0 20px;line-height:1.5}.trk-modal .trk-field textarea{padding:12px 14px;border:1.5px solid var(--ink-200);border-radius:11px;font-family:inherit;font-size:15px;color:var(--ink-900);background:var(--white);resize:vertical;min-height:92px;transition:border-color .15s,box-shadow .15s}.trk-modal .trk-field textarea:focus{outline:0;border-color:var(--teal-500);box-shadow:0 0 0 4px rgba(42,155,150,.12)}.trk-modal .trk-field.invalid textarea{border-color:var(--rose-500)}.trk-modal-success{text-align:center;padding:8px 0}.trk-modal-success .ic{width:60px;height:60px;border-radius:50%;background:rgba(47,170,107,.14);color:var(--green-500);display:grid;place-items:center;margin:0 auto 16px}.trk-modal-success h3{font-family:var(--font-display);font-weight:800;font-size:1.3rem;color:var(--ink-900);margin:0 0 8px}.trk-modal-success p{font-size:14px;color:var(--ink-600);line-height:1.55;margin:0 0 18px}.trk-grid{display:flex!important;flex-direction:column;align-items:stretch}.trk-lookup,.trk-result,.trk-account-box{height:auto!important}@media (max-width:980px){.trk-page .container,.trk-hero .container,.trk-main .container{padding-left:22px!important;padding-right:22px!important;box-sizing:border-box}.trk-grid{gap:34px!important}.trk-main{padding-top:34px!important;padding-bottom:56px!important}.trk-hero{padding-bottom:14px!important}.trk-lookup{padding-left:20px;padding-right:20px}.trk-account-box{padding-left:18px;padding-right:18px}.trk-result,.trk-card,.trk-panel{padding-left:20px;padding-right:20px}.trk-submit{max-width:100%}}.trk-step-dot svg,.trk-step-dot svg *{stroke:#fff!important;color:#fff!important}.trk-step-dot svg [fill]:not([fill=none]){fill:#fff!important}.trk-field .trk-id-modo{width:100%;box-sizing:border-box;margin-bottom:10px;padding:11px 13px;font:inherit;font-size:15px;color:var(--ink-900);background:#fff;border:1.5px solid var(--ink-200);border-radius:var(--radius-lg);cursor:pointer}.trk-field .trk-id-modo:focus{outline:0;border-color:var(--teal-400)}