/* RV MOTORS — Rastreio (tema claro, identidade da loja).
   Mantém TODOS os seletores usados pelo rastreio.js (não mexer nos nomes). */
:root{
  --laranja:#017CFE;
  --laranja-2:#4ea1ff;
  --verde:#1f8a43;
  --bg:#f4f4f4;
  --card:#ffffff;
  --card-2:#fafafa;
  --line:#ececec;
  --line-soft:#f1f1f1;
  --text:#191919;
  --muted:#6b6b6b;
  --shadow:0 6px 22px rgba(0,0,0,.06);
}
*{box-sizing:border-box}
html,body{min-height:100%;overflow-x:hidden}
body{
  margin:0;color:var(--text);
  font-family:'Poppins','Segoe UI',sans-serif;
  background:var(--bg);
  -webkit-font-smoothing:antialiased;
  display:flex;flex-direction:column;min-height:100dvh;
}

/* ===== HEADER (igual à loja: branco, logo, voltar) ===== */
.rvHeader{
  background:#fff;border-bottom:1px solid var(--line);
  display:flex;align-items:center;justify-content:space-between;gap:12px;
  padding:12px 16px;position:sticky;top:0;z-index:20;
}
.rvHeader__brand{display:inline-flex;align-items:center}
.rvHeader__brand img{height:30px;width:auto;max-width:62vw;object-fit:contain;display:block}
.rvHeader__back{
  color:var(--text);text-decoration:none;font-size:13px;font-weight:600;white-space:nowrap;
  border:1px solid var(--line);border-radius:999px;padding:8px 13px;transition:.15s;
}
.rvHeader__back:hover{border-color:var(--laranja);color:var(--laranja)}

/* ===== PÁGINA ===== */
.trkPage{
  flex:1 0 auto;display:flex;
  padding:
    calc(20px + env(safe-area-inset-top))
    calc(14px + env(safe-area-inset-right))
    32px
    calc(14px + env(safe-area-inset-left));
}
.trkWrap{width:min(100%,820px);margin:auto;display:grid;gap:16px}

/* ===== HERO (título) ===== */
.trkHeader{text-align:center;padding:4px 6px 0}
.trkLogo{display:none}           /* logo agora vive no header do site */
.trkBrand{display:none}
.trkHeader h1{
  margin:0 0 8px;color:var(--text);
  font-size:clamp(1.55rem,5vw,2rem);font-weight:700;letter-spacing:.01em;
}
.trkHeader h1::after{content:"";display:block;width:48px;height:3px;background:var(--laranja);border-radius:3px;margin:10px auto 0}
.trkHeader p{margin:14px auto 0;max-width:560px;color:var(--muted);line-height:1.5;font-size:.95rem}

/* ===== BUSCA ===== */
.trkSearchBox{
  background:var(--card);border:1px solid var(--line);border-radius:18px;
  box-shadow:var(--shadow);padding:18px;
}
.trkSearchBox label{
  display:block;margin-bottom:9px;font-size:11px;font-weight:700;
  letter-spacing:.08em;text-transform:uppercase;color:#555;
}
.trkSearchBox input{
  width:100%;min-height:52px;border-radius:13px;border:1px solid #dcdcdc;
  background:#f7f7f7;color:var(--text);font-size:15px;padding:0 14px;outline:none;
  transition:border-color .18s,box-shadow .18s;font-family:inherit;
}
.trkSearchBox input:focus{border-color:var(--laranja);box-shadow:0 0 0 4px rgba(1,124,254,.14);background:#fff}
.trkSearchBox button{
  width:100%;min-height:52px;margin-top:12px;border:0;border-radius:13px;cursor:pointer;
  color:#fff;font-weight:700;font-size:15px;letter-spacing:.01em;font-family:inherit;
  background:var(--laranja);box-shadow:0 10px 22px rgba(1,124,254,.22);
  transition:transform .16s,filter .16s;
}
.trkSearchBox button:hover{transform:translateY(-1px);filter:brightness(1.04)}
.trkMini{margin:10px 0 1px;text-align:center;color:#9a9a9a;font-size:12px}

.trkError{
  border-radius:14px;border:1px solid #f3c4c4;background:#fdecec;color:#b23b32;
  padding:14px;font-size:13.5px;text-align:center;
}
.trkResult{display:block}
.trkResult[hidden],.trkError[hidden]{display:none!important}

/* ===== CARD DE RESULTADO ===== */
.trkCard{
  background:var(--card);border:1px solid var(--line);border-radius:20px;
  box-shadow:var(--shadow);padding:18px;display:grid;gap:14px;
}
.trkResultHead{border:1px solid var(--line);border-radius:16px;background:var(--card-2);padding:15px}
.trkHeadRow{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}
#trkPedido{font-size:1.08rem;font-weight:700;color:var(--text)}

.trkBadge{
  display:inline-flex;align-items:center;justify-content:center;min-height:32px;
  padding:0 13px;border-radius:999px;font-size:12px;font-weight:700;border:1px solid transparent;
}
.trkBadge--confirmado{background:#e8f0fe;color:#1a56c4;border-color:#c5d8fb}
.trkBadge--aprovado{background:#e3f6fd;color:#0b7493;border-color:#bfe9f7}
.trkBadge--separacao,.trkBadge--fabricacao{background:#fff6e0;color:#946400;border-color:#f3d98f}
.trkBadge--despachado{background:#fff0e3;color:#b3470f;border-color:#f3cdab}
.trkBadge--saida,.trkBadge--rota{background:#f0ecfe;color:#6b3fd1;border-color:#d9cef9}
.trkBadge--entregue{background:#e8f6ec;color:#1f7a33;border-color:#c4e8cf}
.trkBadge--recusado,.trkBadge--reembolsado,.trkBadge--alerta{background:#fdecec;color:#c0392b;border-color:#f3c4c4}

.trkStatusMessage{margin:11px 0 0;color:var(--muted);line-height:1.5;font-size:14px}

.trkMetaGrid{margin-top:12px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.trkMetaItem{border:1px solid var(--line);border-radius:12px;padding:10px 12px;background:#fff;display:grid;gap:3px}
.trkMetaItem span{font-size:11px;color:#8a8a8a;text-transform:uppercase;letter-spacing:.07em}
.trkMetaItem strong{font-size:14px;color:var(--text)}

.trkSummaryGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.trkSummaryItem{border:1px solid var(--line);border-radius:14px;padding:12px;background:var(--card-2);display:grid;gap:6px}
.trkSummaryItem span{color:#8a8a8a;font-size:11px;text-transform:uppercase;letter-spacing:.08em}
.trkSummaryItem strong{font-size:14px;line-height:1.45;color:var(--text)}
.trkSummaryItem--full{grid-column:1 / -1}

/* ===== TIMELINE ===== */
.trkTimelineWrap{border:1px solid var(--line);border-radius:16px;padding:16px;background:#fff}
.trkTimelineWrap h2{margin:0 0 14px;font-size:1rem;color:var(--text);display:inline-block}
.trkTimelineWrap h2::after{content:"";display:block;width:40px;height:3px;background:var(--laranja);border-radius:3px;margin-top:8px}
.trkTimeline{display:grid;gap:10px}
.trkStep{
  display:grid;grid-template-columns:20px 1fr;align-items:start;gap:12px;
  border:1px solid var(--line);border-radius:13px;background:var(--card-2);padding:12px;
  transition:border-color .2s,background .2s,transform .2s;
}
.trkStepDot{width:14px;height:14px;border-radius:999px;margin-top:3px;border:2px solid #cbcbcb;background:#fff}
.trkStepBody{min-width:0}
.trkStepTitle{margin:0 0 4px;font-size:14px;font-weight:600;color:var(--text)}
.trkStepDate{margin:0;color:#8a8a8a;font-size:12px}
.trkStepLine{display:none!important}

.trkStep.is-done{border-color:#cfe8d6;background:#eef7f0}
.trkStep.is-done .trkStepTitle{color:#1f7a33}
.trkStep.is-done .trkStepDot{border-color:var(--verde);background:var(--verde);box-shadow:0 0 0 4px rgba(31,138,67,.14)}

.trkStep.is-current{
  border-color:var(--laranja);background:#e8f2ff;
  box-shadow:0 6px 16px rgba(1,124,254,.12);
}
.trkStep.is-current .trkStepDot{border-color:var(--laranja);background:var(--laranja);box-shadow:0 0 0 6px rgba(1,124,254,.16)}
.trkStep.is-current .trkStepTitle{color:var(--text);font-weight:700}

.trkStep.is-future{opacity:.65}
.trkStep.is-future .trkStepTitle{color:#9a9a9a}

/* ===== MOVIMENTAÇÃO ===== */
.trkMoveWrap{border:1px solid var(--line);border-radius:16px;padding:16px;background:#fff}
.trkMoveWrap[hidden]{display:none!important}
.trkMoveWrap h2{margin:0 0 14px;font-size:1rem;color:var(--text);display:inline-block}
.trkMoveWrap h2::after{content:"";display:block;width:40px;height:3px;background:var(--laranja);border-radius:3px;margin-top:8px}
.trkMoveList{display:grid;gap:10px}
.trkMovItem{display:grid;grid-template-columns:20px 1fr;align-items:start;gap:12px;border:1px solid var(--line);border-radius:13px;background:var(--card-2);padding:12px}
.trkMovPin{width:14px;height:14px;border-radius:999px;margin-top:3px;border:2px solid var(--laranja);background:var(--laranja);box-shadow:0 0 0 5px rgba(1,124,254,.12)}
.trkMovBody{min-width:0;display:grid;gap:3px}
.trkMovDesc{margin:0;color:var(--text);font-size:14px;font-weight:600}
.trkMovCity{margin:0;color:#555;font-size:13px}
.trkMovDate{margin:0;color:#8a8a8a;font-size:12px}

/* ===== CONFIANÇA + SUPORTE ===== */
.trkTrust{margin:0;border:1px solid #cfe3ff;border-left:4px solid var(--laranja);border-radius:12px;background:#eef5ff;color:#1c3d63;padding:12px 14px;font-size:13px;line-height:1.5}
.trkSupport{border:1px solid var(--line);border-radius:16px;background:var(--card-2);padding:16px;text-align:center}
.trkSupport h3{margin:0 0 6px;font-size:1rem;color:var(--text)}
.trkSupport p{margin:0 0 14px;color:var(--muted);font-size:13.5px;line-height:1.45}
.trkSupportBtn{
  display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 22px;
  border-radius:12px;background:var(--laranja);color:#fff;font-weight:700;text-decoration:none;
  box-shadow:0 10px 22px rgba(1,124,254,.22);transition:transform .16s,filter .16s;
}
.trkSupportBtn:hover{transform:translateY(-1px);filter:brightness(1.04)}

/* ===== RODAPÉ (igual à loja: preto, título com linha laranja) ===== */
.rvFooter{background:#000;color:#fff;padding:28px 16px 32px;text-align:center;font-size:13px;line-height:1.6;flex-shrink:0}
.rvFooter a{color:#fff;text-decoration:underline}
.rvFooter a:hover{color:var(--laranja)}
.rvFooter__sec{margin:0 auto 22px;max-width:480px}
.rvFooter__heading{display:inline-block;margin:0 0 12px;padding-bottom:6px;font-size:14px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;border-bottom:2px solid var(--laranja)}
.rvFooter__links a{margin:0 7px;white-space:nowrap}
.rvFooter__text{margin:0;color:#e8e8e8;font-size:12.5px}
.rvFooter__fim{margin-top:8px;padding-top:16px;border-top:1px solid rgba(255,255,255,.12);font-size:12px;line-height:1.7}
.rvFooter__fim p{margin:2px 0}
.fill{background:#08294d;color:#bfe0ff;border:1px dashed var(--laranja);border-radius:6px;padding:1px 7px;font-weight:700;font-size:.9em}

@media (min-width:768px){
  .rvHeader__brand img{height:36px}
  .trkHeader h1{font-size:2rem}
}
@media (max-width:760px){
  .trkCard,.trkSearchBox{border-radius:16px;padding:14px}
  .trkMetaGrid,.trkSummaryGrid{grid-template-columns:1fr}
}

/* ===== RODAPÉ PADRÃO RV MOTORS (igual em todas as páginas) ===== */
.footer-container{background:#017CFE;color:#fff;padding:24px 16px 30px;text-align:center;font-family:'Poppins',system-ui,sans-serif;font-size:13px;line-height:1.6;}
.footer-container a{color:inherit;text-decoration:underline;}
.footer-container a:hover{color:#fff;opacity:.8;}
.footer-container .footer-section{margin:0 auto 28px;max-width:480px;}
.footer-container .footer-section:last-of-type{margin-bottom:18px;}
.footer-container .footer-section__heading{display:inline-block;margin:0 0 12px;padding:0 0 6px;font-size:14px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#fff;border-bottom:2px solid #fff;}
.footer-container .footer-section__text{margin:0;font-size:12.5px;line-height:1.6;color:#eaf2ff;}
.footer-container .footer-section img{display:block;max-width:280px;width:100%;height:auto;margin:0 auto;object-fit:contain;}
.footer-container .footer-section img.footer-logo{max-width:165px;width:100%;height:auto;margin:0 auto 14px;display:block;}
.footer-container .footer-fim{margin-top:8px;padding-top:16px;border-top:1px solid rgba(255,255,255,.16);font-size:12px;line-height:1.7;}
.footer-container .footer-fim p{margin:2px 0;}
@media (min-width:768px){.footer-container{font-size:13px;padding:32px 16px 30px;}.footer-container .footer-section{margin-bottom:36px;max-width:520px;}.footer-container .footer-section__heading{font-size:15px;}.footer-container .footer-section img{max-width:320px;}}