:root{
  --ink:#0d0e10;--ink2:#17191d;--gold:#d2aa3f;--gold2:#a77c13;
  --cream:#f5f2eb;--line:#e7e1d7;--muted:#767980;--ok:#168653;--warn:#9a6800;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{
  margin:0;min-height:100vh;font-family:Manrope,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  color:var(--ink2);background:
  radial-gradient(circle at 12% 0%,rgba(210,170,63,.15),transparent 26%),
  linear-gradient(180deg,#0b0c0e 0 230px,var(--cream) 230px);
}
button,a{font:inherit}
a{text-decoration:none;color:inherit}
.tracking-shell{width:min(920px,calc(100% - 30px));margin:0 auto;padding:22px 0 54px}
.tracking-head{min-height:102px;display:flex;align-items:center;justify-content:space-between;gap:18px}
.tracking-brand img{width:160px;height:72px;object-fit:contain;object-position:left center}
.back-store{color:#e8e8ea;font-size:11px;font-weight:800;letter-spacing:.04em;padding:12px 15px;border:1px solid rgba(255,255,255,.14);border-radius:999px}
.tracking-card{background:#fff;border:1px solid var(--line);border-radius:30px;padding:clamp(22px,5vw,50px);box-shadow:0 28px 80px rgba(15,15,15,.12)}
.tracking-kicker{font-size:9px;color:#9a7418;font-weight:800;letter-spacing:.17em}
h1{font-size:clamp(34px,7vw,60px);line-height:.98;letter-spacing:-.055em;margin:10px 0 0;max-width:700px}
.tracking-intro{max-width:650px;color:var(--muted);font-size:12px;line-height:1.7;margin:14px 0 30px}
.tracking-loading{display:flex;align-items:center;justify-content:center;gap:10px;min-height:220px;color:#777;font-size:12px}
.tracking-loading span{width:18px;height:18px;border:2px solid #ddd;border-top-color:var(--gold2);border-radius:50%;animation:spin .7s linear infinite}
@keyframes spin{to{transform:rotate(360deg)}}
.tracking-error{padding:24px;border:1px solid #f0c8c3;background:#fff4f2;border-radius:20px}
.tracking-error strong{font-size:18px}
.tracking-error p{color:#78544f;font-size:12px;line-height:1.65}
.order-summary-top{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding:20px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.order-summary-top>div:first-child{display:grid;gap:5px}
.order-summary-top span{font-size:8px;font-weight:800;letter-spacing:.13em;color:#8c8f94}
.order-summary-top strong{font-size:25px;letter-spacing:-.03em}
.order-summary-top small{font-size:10px;color:var(--muted)}
.status-pill{padding:9px 12px;border-radius:999px;background:#f2f0eb;color:#5e6065;font-size:8px;font-weight:800;letter-spacing:.08em;text-align:center}
.status-pill.ok{background:#e8f7ef;color:#176c45}
.status-pill.warn{background:#fff3d9;color:#835900}
.status-pill.bad{background:#fff0ee;color:#9a3b32}
.track-progress{display:grid;grid-template-columns:repeat(5,1fr);margin:34px 0 30px;position:relative}
.track-progress::before{content:"";position:absolute;left:8%;right:8%;top:17px;height:2px;background:#e9e5dd}
.track-step{position:relative;z-index:1;display:grid;justify-items:center;gap:8px;text-align:center}
.track-dot{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#f2f0eb;border:1px solid #e4dfd6;font-size:11px;font-weight:800;color:#898b90}
.track-step.done .track-dot,.track-step.active .track-dot{background:linear-gradient(135deg,#e0bd58,#ae8217);border-color:#c99d30;color:#fff}
.track-step small{font-size:7.5px;font-weight:800;letter-spacing:.05em;color:#888b90}
.track-step.done small,.track-step.active small{color:#3d3f43}
.notice{display:grid;gap:5px;padding:14px 15px;border-radius:16px;margin:4px 0 24px}
.notice.review{background:#fff5dd;border:1px solid #efd69a;color:#74520a}
.notice strong{font-size:11px}.notice span{font-size:10px;line-height:1.55}
.items-block{margin-top:10px;padding-top:24px;border-top:1px solid var(--line)}
.section-title-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px}
.section-title-row h2{font-size:18px;margin:0}
.section-title-row span{font-size:9px;color:var(--muted);font-weight:700}
.tracking-item{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px;align-items:center;padding:13px 0;border-bottom:1px solid #efebe4}
.tracking-item div{display:grid;gap:3px}
.tracking-item strong{font-size:11px}.tracking-item small{font-size:9px;color:var(--muted)}
.tracking-item>strong{white-space:nowrap}
.tracking-total{display:flex;justify-content:space-between;gap:16px;align-items:center;padding:20px 0}
.tracking-total span{font-size:9px;font-weight:800;letter-spacing:.08em;color:#777a80}.tracking-total strong{font-size:26px}
.tracking-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:10px}
.button{min-height:50px;border-radius:999px;border:1px solid #ded9d0;padding:0 18px;display:flex;align-items:center;justify-content:center;text-align:center;font-size:9px;font-weight:800;letter-spacing:.05em;cursor:pointer}
.button.primary{border:0;background:linear-gradient(135deg,#dfbd58,#ae8217);color:#151515}
.button.secondary{background:#fff;color:#24262a}
.button.whatsapp{grid-column:1/-1;background:#141518;color:#fff;border-color:#141518}
.privacy-note{font-size:9px;color:#8a8d92;line-height:1.6;text-align:center;margin:16px 0 0}
[hidden]{display:none!important}
@media(max-width:620px){
  body{background:linear-gradient(180deg,#0b0c0e 0 155px,var(--cream) 155px)}
  .tracking-shell{width:calc(100% - 18px);padding-top:max(8px,env(safe-area-inset-top));padding-bottom:calc(28px + env(safe-area-inset-bottom))}
  .tracking-head{min-height:82px}.tracking-brand img{width:126px;height:56px}.back-store{font-size:8px;padding:10px 12px}
  .tracking-card{border-radius:22px;padding:22px 15px}
  h1{font-size:38px}.tracking-intro{font-size:11px;margin-bottom:22px}
  .order-summary-top{gap:10px}.order-summary-top strong{font-size:20px}.status-pill{max-width:42%;white-space:normal;line-height:1.3}
  .track-progress{margin:28px -5px 26px}.track-progress::before{top:15px}.track-dot{width:30px;height:30px}.track-step small{font-size:6.5px}
  .tracking-actions{grid-template-columns:1fr}.button.whatsapp{grid-column:auto}
}

/* DORADO — seguimiento final responsive */
:where(a,button):focus-visible{outline:2px solid #ed9d23;outline-offset:3px}
body{background:linear-gradient(180deg,#061019 0 230px,#f5f2eb 230px)!important}
.tracking-brand img{width:82px!important;height:72px!important;object-fit:contain!important}
.tracking-card{box-shadow:0 24px 70px rgba(6,16,26,.12)!important}
.button.primary{background:linear-gradient(135deg,#f3aa35,#d97910)!important;color:#061019!important}
.button.whatsapp{background:#25D366!important;border-color:#25D366!important;color:#fff!important}
@media(max-width:620px){
  body{background:linear-gradient(180deg,#061019 0 150px,#f5f2eb 150px)!important}
  .tracking-brand img{width:64px!important;height:56px!important}
  .track-progress{overflow-x:auto;grid-template-columns:repeat(5,minmax(72px,1fr));padding-bottom:6px;scrollbar-width:none}
  .track-progress::-webkit-scrollbar{display:none}
  .tracking-actions{position:relative}
}

/* Pago pendiente / descuentos */
.notice.payment-retry{background:#fff9e9;border:1px solid #ead8a3;color:#5f4c1c}
.notice.payment-retry .button{margin-top:8px;width:max-content;max-width:100%}
.tracking-total.tracking-subtotal,.tracking-total.tracking-discount{font-size:13px;padding-top:8px;padding-bottom:0;border-top:0}
.tracking-total.tracking-discount{color:#8b6818}
.tracking-total[hidden]{display:none!important}


/* DORADO — seguimiento del transportista */
.shipment-card{margin:0 0 24px;padding:18px;border:1px solid #e6decf;border-radius:20px;background:linear-gradient(180deg,#fffdf8,#faf6eb)}
.shipment-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}
.shipment-card-head>div>span,.shipment-grid span{display:block;font-size:7px;font-weight:900;letter-spacing:.11em;color:#8a8375}
.shipment-card-head h2{margin:5px 0 0;font-size:17px;letter-spacing:-.03em}.shipment-status{padding:7px 9px;border-radius:999px;background:#efe5c9;color:#735612;font-size:7px;font-weight:900;letter-spacing:.07em;text-align:center}
.shipment-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:14px}.shipment-grid>div{padding:11px 12px;border:1px solid #ece4d5;border-radius:13px;background:#fff}.shipment-grid strong{display:block;margin-top:5px;font-size:10px;overflow-wrap:anywhere}
.shipment-link{margin-top:12px;background:#111419!important;border-color:#111419!important;color:#fff!important}.shipment-note{margin:10px 2px 0;color:#7f7b73;font-size:8px;line-height:1.55}
@media(max-width:620px){.shipment-grid{grid-template-columns:1fr}}