/* ============================================================
   RotaExpress — sistema visual
   Azul institucional = confianca, seguranca, estabilidade
   Ambar             = energia, movimento, visibilidade
   Verde             = sucesso, entrega concluida
   ============================================================ */
:root{
  color-scheme: light;   /* controles nativos sempre claros, mesmo com SO no escuro */
  --azul-900:#062a52; --azul-800:#0b3a6f; --azul-700:#0f4c8a;
  --azul-600:#1560c8; --azul-500:#2f7ff0; --azul-050:#eaf2fe;
  --ambar:#f5a623; --ambar-100:#fff3dc;
  --verde:#0f9d58; --verde-100:#e6f6ed;
  --vermelho:#d93025; --vermelho-100:#fdeceb;
  --tinta:#0f2540; --tinta-media:#46597a; --tinta-fraca:#5f7186;
  --papel:#fff; --fundo:#f3f7fc; --borda:#dde7f4; --borda-forte:#c6d6ea;
  --sombra-sm:0 1px 2px rgba(11,58,111,.06), 0 2px 8px rgba(11,58,111,.05);
  --sombra:0 12px 32px rgba(11,58,111,.10);
  --sombra-lg:0 28px 64px rgba(6,42,82,.20);
  --marca-corpo:#0b3a6f; --marca-vinco:var(--fundo);
  --titulo:#0b3a6f; --tag-fundo:var(--azul-050); --tag-txt:#0f4c8a; --ambar-txt:#a86a00;
  --raio:14px; --raio-sm:10px;
  --topo-h:68px;
}
/* tema claro fixo — dark mode desativado a pedido */
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:calc(var(--topo-h) + 16px)}
body{
  margin:0;background:var(--fundo);color:var(--tinta);
  font:16px/1.6 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
  -webkit-font-smoothing:antialiased;
}
a{color:var(--azul-600);text-decoration:none}
a:hover{text-decoration:underline}
h1,h2,h3{line-height:1.2;letter-spacing:-.02em;margin:0;text-wrap:balance}
p{text-wrap:pretty}
[hidden]{display:none !important}
.env{width:min(1120px,100% - 40px);margin-inline:auto}

/* ---------- topo ---------- */
.topo{
  position:sticky;top:0;z-index:50;height:var(--topo-h);
  background:color-mix(in srgb,var(--papel) 88%,transparent);
  backdrop-filter:saturate(180%) blur(12px);
  border-bottom:1px solid var(--borda);
}
.topo .env{display:flex;align-items:center;gap:28px;height:100%}
.marca{display:flex;align-items:center;gap:10px;font-weight:800;font-size:19px;color:var(--titulo);letter-spacing:-.03em}
.marca:hover{text-decoration:none}
.marca svg{width:36px;height:36px;flex:none;margin-right:-2px}
.marca span em{font-style:normal;color:var(--ambar)}
.menu{display:flex;gap:24px;margin-left:auto;font-size:14.5px;font-weight:500}
.menu a{color:var(--tinta-media)}
.menu a:hover{color:var(--azul-600);text-decoration:none}
.btn-topo{
  border:1px solid var(--borda-forte);border-radius:999px;padding:9px 18px;
  font-size:14px;font-weight:600;color:var(--titulo);background:var(--papel);white-space:nowrap;
}
.btn-topo:hover{background:var(--azul-050);border-color:var(--azul-500);text-decoration:none}
@media(max-width:860px){.menu{display:none}.topo .env{gap:12px}.btn-topo{margin-left:auto}}

/* ---------- hero ---------- */
.hero{position:relative;background:linear-gradient(150deg,var(--azul-900) 0%,var(--azul-700) 55%,var(--azul-600) 100%);color:#fff;overflow:hidden}
.hero::before{
  content:'';position:absolute;inset:0;
  background:
    radial-gradient(900px 380px at 88% -10%,rgba(245,166,35,.30),transparent 60%),
    radial-gradient(700px 300px at 5% 110%,rgba(47,127,240,.45),transparent 60%);
}
.hero-linhas{position:absolute;inset:0;opacity:.16;pointer-events:none}
.hero .env{position:relative;display:grid;grid-template-columns:1fr 440px;gap:56px;align-items:center;padding:64px 0 108px}
@media(max-width:960px){.hero .env{grid-template-columns:1fr;gap:32px;padding:44px 0 88px}}
.selo{
  display:inline-flex;align-items:center;gap:9px;background:rgba(255,255,255,.14);
  border:1px solid rgba(255,255,255,.26);border-radius:999px;padding:7px 15px;
  font-size:13px;font-weight:600;letter-spacing:.01em;
}
.selo .ponto{width:8px;height:8px;border-radius:50%;background:#5ee79b;box-shadow:0 0 0 0 rgba(94,231,155,.7);animation:pulsa 2s infinite}
@keyframes pulsa{70%{box-shadow:0 0 0 9px rgba(94,231,155,0)}100%{box-shadow:0 0 0 0 rgba(94,231,155,0)}}
.hero h1{font-size:clamp(32px,5vw,50px);font-weight:800;margin:20px 0 16px}
.hero h1 em{font-style:normal;color:#ffd79a;position:relative;white-space:nowrap}
.hero h1 em::after{content:'';position:absolute;left:0;right:0;bottom:2px;height:8px;background:rgba(245,166,35,.45);border-radius:4px;z-index:-1}
.hero p.chamada{font-size:clamp(16px,2vw,18.5px);color:#d6e6fb;max-width:52ch;margin:0 0 26px}
.hero-itens{list-style:none;display:flex;flex-wrap:wrap;gap:12px 26px;padding:0;margin:0;font-size:14.5px;color:#e4eefb}
.hero-itens li{display:flex;align-items:center;gap:9px}
.hero-itens svg{width:19px;height:19px;flex:none;color:#ffd79a}
.onda{position:absolute;left:0;right:0;bottom:-1px;width:100%;height:70px;display:block;color:var(--fundo)}

/* ---------- card de busca ---------- */
.card-busca{
  background:var(--papel);border-radius:20px;box-shadow:var(--sombra-lg);
  padding:26px;border:1px solid var(--borda);color:var(--tinta);
}
.card-busca h2{font-size:20px;display:flex;align-items:center;gap:10px}
.card-busca h2 svg{width:26px;height:26px;color:var(--azul-600)}
.card-busca .apoio{color:var(--tinta-media);font-size:14px;margin:8px 0 20px}
label{display:block;font-size:12.5px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--tinta-media);margin-bottom:7px}
input,select{
  width:100%;background:var(--papel);border:1.5px solid var(--borda-forte);border-radius:var(--raio-sm);
  color:var(--tinta);padding:13px 14px;font-size:16px;font-family:inherit;transition:border-color .15s,box-shadow .15s;
}
input::placeholder{color:var(--tinta-fraca)}
input:focus,select:focus{outline:none;border-color:var(--azul-500);box-shadow:0 0 0 4px var(--azul-050)}
.mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:1.5px;text-transform:uppercase;font-weight:600}
button{
  border:0;border-radius:var(--raio-sm);font-family:inherit;font-size:16px;font-weight:700;
  padding:14px 24px;cursor:pointer;transition:transform .12s,box-shadow .15s,background .15s;
  background:var(--ambar);color:#3a2600;box-shadow:0 6px 16px rgba(245,166,35,.32);
}
button:hover{background:#ffb944;transform:translateY(-1px);box-shadow:0 10px 22px rgba(245,166,35,.4)}
button:active{transform:translateY(0)}
button.largo{width:100%;display:flex;align-items:center;justify-content:center;gap:10px}
button.largo svg{width:20px;height:20px}
button.sec{background:transparent;color:var(--azul-600);border:1px solid var(--borda-forte);box-shadow:none;font-size:13.5px;font-weight:600;padding:8px 14px;min-height:40px;display:inline-flex;align-items:center;gap:7px}
button.sec svg{width:15px;height:15px;flex:none}
button.sec:hover{background:var(--azul-050);transform:none;box-shadow:none}
button.perigo{background:transparent;color:var(--vermelho);border:1px solid var(--borda-forte);box-shadow:none;font-size:13px;font-weight:600;padding:7px 13px;min-height:40px}
button.perigo:hover{background:var(--vermelho-100);transform:none;box-shadow:none}
.link-botao{display:inline-flex;align-items:center;min-height:40px;padding:8px 14px;border:1px solid var(--borda-forte);border-radius:var(--raio-sm);font-size:13.5px;font-weight:600;margin-left:8px}
.link-botao:hover{background:var(--azul-050);text-decoration:none}
.msg{margin:12px 0 0;font-size:14px;min-height:20px;font-weight:500}
.erro{color:var(--vermelho)}
.ok{color:var(--verde)}
.dica{font-size:12px;color:var(--tinta-fraca);margin:7px 0 10px;font-weight:400;text-transform:none;letter-spacing:0}

/* ---------- captcha ---------- */
.captcha{display:flex;gap:16px;align-items:flex-start;margin-top:18px;padding:14px;border:1px solid var(--borda);border-radius:var(--raio);background:var(--fundo);flex-wrap:wrap}
.captcha-img{line-height:0;border-radius:var(--raio-sm);overflow:hidden;border:1px solid var(--borda-forte);min-width:220px;min-height:70px;display:flex;align-items:center;justify-content:center;background:#fff}
.captcha-img svg{display:block;user-select:none}
.captcha-campos{flex:1;min-width:190px}
.captcha-campos input{max-width:190px;text-align:center;font-size:20px}
.selo-seguro{display:flex;align-items:center;gap:8px;font-size:12.5px;color:var(--tinta-media);margin-top:16px}
.selo-seguro svg{width:16px;height:16px;color:var(--verde)}

/* ---------- resultado ---------- */
.resultado{padding:56px 0 8px}
.painel{background:var(--papel);border:1px solid var(--borda);border-radius:20px;box-shadow:var(--sombra);overflow:hidden}
.painel-topo{padding:24px 28px;border-bottom:1px solid var(--borda);display:flex;flex-wrap:wrap;gap:16px;align-items:center;justify-content:space-between}
.codigo-rot{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--tinta-fraca)}
.codigo{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:24px;font-weight:700;color:var(--titulo);letter-spacing:1.5px}
.tag{display:inline-flex;align-items:center;gap:7px;font-size:13px;font-weight:700;padding:7px 15px;border-radius:999px;background:var(--tag-fundo);color:var(--tag-txt)}
.tag.entregue{background:var(--verde-100);color:var(--verde)}
.tag svg{width:15px;height:15px}
.rota{display:flex;align-items:center;gap:16px;padding:24px 28px;background:var(--fundo);border-bottom:1px solid var(--borda);flex-wrap:wrap}
.rota .ponta{display:flex;align-items:center;gap:11px;min-width:0}
.rota .ponta svg{width:22px;height:22px;flex:none;color:var(--azul-600)}
.rota .ponta.fim svg{color:var(--ambar)}
.rota .rot{font-size:11.5px;text-transform:uppercase;letter-spacing:.07em;color:var(--tinta-fraca);font-weight:700}
.rota .cidade{font-weight:700;font-size:16px}
.trilho{flex:1;min-width:80px;height:4px;border-radius:2px;background:var(--borda-forte);position:relative;overflow:hidden}
.trilho i{position:absolute;inset:0 auto 0 0;background:linear-gradient(90deg,var(--azul-600),var(--ambar));border-radius:2px;width:0;animation:enche 1.1s cubic-bezier(.4,0,.2,1) forwards}
@keyframes enche{to{width:var(--pct,50%)}}
.info-linha{display:flex;flex-wrap:wrap;gap:8px 34px;padding:20px 28px;border-bottom:1px solid var(--borda);font-size:14.5px}
.info-linha b{display:block;font-size:11.5px;text-transform:uppercase;letter-spacing:.07em;color:var(--tinta-fraca);font-weight:700;margin-bottom:3px}
.etapa-grupo{padding:22px 28px 6px}
.etapa-grupo + .etapa-grupo{border-top:1px solid var(--borda);background:var(--fundo)}
.etapa-rot{font-size:11.5px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--tinta-fraca);margin-bottom:18px}
.linha-tempo{list-style:none;margin:0;padding:0 0 20px 0}
.linha-tempo li{position:relative;padding:0 0 26px 44px}
.linha-tempo li:last-child{padding-bottom:0}
.linha-tempo li::after{content:'';position:absolute;left:13px;top:26px;bottom:0;width:2px;background:var(--borda-forte)}
.linha-tempo li:last-child::after{display:none}
.linha-tempo li.feito::after{background:var(--verde)}
.marcador{position:absolute;left:0;top:1px;width:28px;height:28px;border-radius:50%;background:var(--papel);border:2px solid var(--borda-forte);display:flex;align-items:center;justify-content:center;color:var(--tinta-fraca)}
.marcador svg{width:15px;height:15px}
.feito .marcador{background:var(--verde-100);border-color:var(--verde);color:var(--verde)}
.ultimo .marcador{background:var(--azul-050);border-color:var(--azul-500);color:var(--azul-600)}
.ultimo .marcador::before{content:'';position:absolute;inset:-3px;border-radius:50%;border:2px solid var(--azul-500);animation:respira 2.4s ease-out infinite}
@keyframes respira{0%{opacity:.7;transform:scale(.9)}70%,100%{opacity:0;transform:scale(1.55)}}
.futuro{opacity:.5}
.linha-tempo .quando{font-size:12.5px;color:var(--tinta-fraca);font-weight:600;text-transform:uppercase;letter-spacing:.04em}
.linha-tempo .titulo{font-weight:700;font-size:15.5px;margin:2px 0 1px}
.linha-tempo .onde{font-size:14px;color:var(--tinta-media)}
.aparece{animation:sobe .45s cubic-bezier(.2,.7,.3,1) both}
@keyframes sobe{from{opacity:0;transform:translateY(14px)}}

/* ---------- numeros ---------- */
.numeros{padding:52px 0}
.numeros .env{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
@media(max-width:860px){.numeros .env{grid-template-columns:repeat(2,1fr)}}
.num{background:var(--papel);border:1px solid var(--borda);border-radius:var(--raio);padding:22px;text-align:center;box-shadow:var(--sombra-sm)}
.num svg{width:30px;height:30px;color:var(--azul-600);margin-bottom:8px}
.num .valor{font-size:clamp(24px,3.4vw,32px);font-weight:800;color:var(--titulo);letter-spacing:-.03em;line-height:1.1}
.num .rot{font-size:13.5px;color:var(--tinta-media);margin-top:5px}

/* ---------- secoes ---------- */
.secao{padding:64px 0}
.secao.alt{background:var(--papel);border-block:1px solid var(--borda)}
.cabeca{text-align:center;max-width:640px;margin:0 auto 44px}
.cabeca h2{font-size:clamp(25px,3.6vw,34px);font-weight:800;margin:0 0 12px}
.cabeca p{color:var(--tinta-media);font-size:16.5px;margin:0}

/* ---------- faixa cobertura ---------- */
.faixa{background:linear-gradient(120deg,var(--azul-800),var(--azul-600));color:#fff;border-radius:20px;padding:44px;display:grid;grid-template-columns:1fr auto;gap:32px;align-items:center;box-shadow:var(--sombra)}
@media(max-width:820px){.faixa{grid-template-columns:1fr;padding:32px;text-align:center}}
.faixa h2{font-size:clamp(23px,3vw,30px);font-weight:800;margin-bottom:10px}
.faixa p{color:#d6e6fb;margin:0;max-width:56ch}
.regioes{display:flex;flex-wrap:wrap;gap:9px;justify-content:center}
.regioes span{background:rgba(255,255,255,.13);border:1px solid rgba(255,255,255,.24);border-radius:999px;padding:8px 15px;font-size:13.5px;font-weight:600}

/* ---------- rodape ---------- */
.rodape{background:var(--azul-900);color:#b9cbe4;padding:52px 0 26px;margin-top:64px}
.rodape .env{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:36px}
@media(max-width:820px){.rodape .env{grid-template-columns:1fr 1fr}}
.rodape .marca{color:#fff;margin-bottom:12px;--marca-corpo:#8ec0f8;--marca-vinco:#062a52}
.rodape p{font-size:14px;line-height:1.7;margin:0;max-width:38ch}
.rodape h3{color:#fff;font-size:13px;text-transform:uppercase;letter-spacing:.09em;margin:0 0 14px}
.rodape ul{list-style:none;padding:0;margin:0;display:grid;gap:9px;font-size:14px}
.rodape a{color:#b9cbe4}
.rodape a:hover{color:#fff}
.rodape-fim{border-top:1px solid rgba(255,255,255,.12);margin-top:40px;padding-top:20px;font-size:13px;display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap}

/* ---------- icones animados ---------- */
.roda{transform-origin:center;animation:gira 1.6s linear infinite}
@keyframes gira{to{transform:rotate(360deg)}}
.traco-veloc{animation:corre 1.1s ease-in-out infinite}
@keyframes corre{0%{opacity:0;transform:translateX(6px)}45%{opacity:1}100%{opacity:0;transform:translateX(-8px)}}
.flutua{animation:flutua 3s ease-in-out infinite}
@keyframes flutua{50%{transform:translateY(-5px)}}
.pin-onda{transform-origin:center;animation:onda 2.2s ease-out infinite}
@keyframes onda{0%{opacity:.85;transform:scale(.4)}80%,100%{opacity:0;transform:scale(1.5)}}
.risca{stroke-dasharray:26;stroke-dashoffset:26;animation:risca 1.6s ease-out .2s forwards}
@keyframes risca{to{stroke-dashoffset:0}}
.trava{transform-origin:center;animation:trava 3.4s ease-in-out infinite}
@keyframes trava{0%,72%,100%{transform:translateY(0)}80%,92%{transform:translateY(-2.5px)}}
.tique{transform-origin:center;animation:tique 4s steps(12) infinite}
@keyframes tique{to{transform:rotate(360deg)}}
@media (prefers-reduced-motion:reduce){
  /* corta o que se repete; mantem a transicao curta que sinaliza a mudanca de estado */
  .roda,.traco-veloc,.flutua,.pin-onda,.trava,.tique,.selo .ponto,.ultimo .marcador::before{animation:none}
  .risca{animation:none;stroke-dashoffset:0}
  .aparece{animation-duration:.12s}
  .trilho i{animation:none;width:var(--pct,50%)}
  *,*::before,*::after{transition-duration:.12s !important}
  html{scroll-behavior:auto}
}

/* ---------- painel do operador ---------- */
.admin{padding:44px 0 64px}
.admin h1{font-size:27px;font-weight:800;margin-bottom:6px}
.admin .sub{color:var(--tinta-media);margin:0 0 26px}
.admin h2{font-size:20px;font-weight:700;margin:38px 0 14px}
.bloco{background:var(--papel);border:1px solid var(--borda);border-radius:var(--raio);padding:24px;box-shadow:var(--sombra-sm)}
.bloco.sem-padding{padding:0;overflow:auto}
.grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.grid .full{grid-column:1/-1;display:flex;align-items:center;gap:14px;flex-wrap:wrap}
@media(max-width:640px){.grid{grid-template-columns:1fr}}
.mt12{margin-top:12px}
table{width:100%;border-collapse:collapse;font-size:14.5px}
th,td{text-align:left;padding:13px 16px;border-bottom:1px solid var(--borda)}
tr:last-child td{border-bottom:0}
th{color:var(--tinta-fraca);font-weight:700;font-size:11.5px;text-transform:uppercase;letter-spacing:.07em;background:var(--fundo)}
tbody tr:hover{background:var(--azul-050)}
.vazio{color:var(--tinta-fraca);text-align:center;padding:34px}
.destaque-codigo{background:var(--verde-100);border:1px solid var(--verde);border-radius:var(--raio);padding:20px}
.resultado:empty{padding:0}

/* ---------- login do operador ---------- */
.tela-login{display:flex;justify-content:center;padding:52px 0 40px}
.cartao-login{width:min(430px,100%);text-align:center;box-shadow:var(--sombra);padding:34px 30px}
.cartao-login h1{font-size:23px;margin-bottom:6px}
.cartao-login .sub{margin-bottom:26px}
.cartao-login label{text-align:left}
.icone-login{width:58px;height:58px;border-radius:16px;background:var(--azul-050);display:flex;align-items:center;justify-content:center;margin:0 auto 18px}
.icone-login svg{width:30px;height:30px;color:var(--azul-600)}
.aviso-login{margin-top:22px;padding-top:18px;border-top:1px solid var(--borda);line-height:1.6}

/* ---------- acessibilidade e superficies do navegador ---------- */
.pular{position:absolute;left:-9999px;top:0;z-index:100;background:var(--ambar);color:#3a2600;padding:12px 20px;border-radius:0 0 var(--raio-sm) 0;font-weight:700}
.pular:focus{left:0;text-decoration:none}
:focus-visible{outline:3px solid var(--azul-500);outline-offset:3px;border-radius:4px}
.hero :focus-visible,.faixa :focus-visible,.rodape :focus-visible{outline-color:#ffd79a}
input:focus-visible{outline:none}
::selection{background:var(--azul-500);color:#fff}
input,textarea{caret-color:var(--azul-500)}
html{scrollbar-color:var(--borda-forte) transparent}
.codigo,.quando,td,.num .valor,.info-linha{font-variant-numeric:tabular-nums}
/* alvo de toque confortavel em tela sensivel ao toque */
@media (pointer:coarse){
  button,.link-botao,.btn-topo,.menu a{min-height:44px;display:inline-flex;align-items:center;justify-content:center}
}

/* ---------- trilha "como funciona" ---------- */
.trilha{list-style:none;display:grid;grid-template-columns:repeat(3,1fr);gap:30px;padding:0;margin:0;position:relative}
.trilha::before{content:'';position:absolute;top:29px;left:16.66%;right:16.66%;height:2px;background:linear-gradient(90deg,var(--azul-500),var(--ambar));opacity:.45}
.trilha li{text-align:center;position:relative}
.trilha .no{width:60px;height:60px;border-radius:50%;background:var(--papel);border:2px solid var(--borda-forte);display:flex;align-items:center;justify-content:center;margin:0 auto 18px;position:relative;z-index:1}
.secao.alt .trilha .no{background:var(--fundo)}
.trilha .no svg{width:28px;height:28px;color:var(--azul-600)}
.trilha li:nth-child(2) .no{border-color:var(--ambar)}
.trilha li:nth-child(2) .no svg{color:var(--ambar-txt)}
.trilha li:last-child .no{border-color:var(--verde)}
.trilha li:last-child .no svg{color:var(--verde)}
.trilha h3{font-size:18px;font-weight:700;margin-bottom:8px}
.trilha p{color:var(--tinta-media);font-size:14.8px;margin:0 auto;max-width:34ch}
@media(max-width:760px){
  .trilha{grid-template-columns:1fr;gap:26px;text-align:left}
  .trilha::before{top:14px;bottom:14px;left:29px;right:auto;width:2px;height:auto;background:linear-gradient(180deg,var(--azul-500),var(--ambar))}
  .trilha li{display:grid;grid-template-columns:60px 1fr;column-gap:18px;text-align:left}
  .trilha .no{margin:0}
  .trilha h3{grid-column:2;margin-top:14px}
  .trilha p{grid-column:2;margin:0}
}

/* ---------- lista de confianca ---------- */
.beneficios{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:1fr 1fr;gap:34px 48px}
@media(max-width:760px){.beneficios{grid-template-columns:1fr;gap:26px}}
.beneficios li{display:grid;grid-template-columns:48px 1fr;gap:18px;align-items:start}
.beneficios .ic{width:48px;height:48px;border-radius:13px;background:var(--azul-050);display:flex;align-items:center;justify-content:center}
.beneficios .ic svg{width:25px;height:25px;color:var(--azul-600)}
.beneficios .ic.verde{background:var(--verde-100)} .beneficios .ic.verde svg{color:var(--verde)}
.beneficios .ic.ambar{background:var(--ambar-100)} .beneficios .ic.ambar svg{color:var(--ambar-txt)}
.beneficios h3{font-size:17.5px;font-weight:700;margin-bottom:6px}
.beneficios p{color:var(--tinta-media);font-size:14.8px;margin:0}
.seta-mini{width:15px;height:15px;vertical-align:-2px;color:var(--tinta-fraca);margin:0 4px}
.destaque-codigo .seta-mini{color:var(--verde)}

/* ---------- desfecho: retirada na agência ---------- */
.tag.atencao{background:var(--ambar-100);color:var(--ambar-txt)}
.aviso-retirada{display:flex;gap:14px;align-items:flex-start;margin:0 28px 4px;padding:16px 18px;border:1px solid var(--borda-forte);background:var(--ambar-100);border-radius:var(--raio);color:var(--tinta)}
.aviso-retirada svg{width:24px;height:24px;flex:none;color:var(--ambar-txt)}
.aviso-retirada div{font-size:14.5px;line-height:1.5}
/* etapa de tentativa frustrada em âmbar (por significado, não por posição) */
.linha-tempo li.falha .marcador{background:var(--ambar-100);border-color:var(--ambar);color:var(--ambar-txt)}
.linha-tempo li.falha::after{background:var(--ambar)}

/* ---------- indicador de tempo real ---------- */
.ao-vivo{display:flex;align-items:center;gap:9px;padding:14px 28px 22px;font-size:13px;color:var(--tinta-fraca)}
.pulso{width:9px;height:9px;border-radius:50%;background:var(--verde);position:relative;flex:none}
.pulso::after{content:'';position:absolute;inset:0;border-radius:50%;background:var(--verde);animation:pulso-anim 2s ease-out infinite}
@keyframes pulso-anim{0%{opacity:.7;transform:scale(1)}70%,100%{opacity:0;transform:scale(2.6)}}
@media (prefers-reduced-motion:reduce){.pulso::after{animation:none}}

/* ---------- ações na tabela de envios ---------- */
.acoes{white-space:nowrap}
.acoes .sec{margin-right:8px;color:var(--azul-700)}
.acoes .sec svg{width:15px;height:15px}
.acoes .sec.copiado{color:var(--verde);border-color:var(--verde);background:var(--verde-100)}