:root{--tinta:#1f2a33;--vermelho:#a81016;--vermelho-escuro:#7f0c11;--cinza:#5b656d;--fundo:#f6f4f1;--linha:#ddd8d2;--branco:#fff;--verde:#1d6b3a;--verde-f:#e5f4e4;--ambar:#8a5a00;--ambar-f:#f9eeda;--erro-f:#fbebeb}
*{box-sizing:border-box}
body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--tinta);background:var(--fundo);line-height:1.5;font-size:16px}
a{color:var(--vermelho)}a:hover{color:var(--vermelho-escuro)}
h1,h2,h3{line-height:1.2;margin:0 0 .5em}
h1{font-size:2.1rem}h2{font-size:1.5rem}h3{font-size:1.1rem}
p{margin:0 0 1em}
.conteudo{max-width:1100px;margin:0 auto;padding:0 20px}
.topo{background:var(--branco);border-bottom:3px solid var(--vermelho)}
.topo .conteudo{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-top:12px;padding-bottom:12px;flex-wrap:wrap}
.marcas{display:flex;align-items:center;gap:20px}
.marcas img{height:52px;width:auto}
.topo nav{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.quem{color:var(--cinza);font-size:.95rem}
.heroi{background:var(--tinta);color:#fff;padding:56px 0}
.heroi h1{font-size:2.6rem;margin-bottom:.3em}
.heroi p{font-size:1.2rem;max-width:720px;color:#e3e7ea}
.heroi .acoes{display:flex;gap:12px;flex-wrap:wrap;margin-top:20px}
.secao{padding:40px 0}
.secao.clara{background:var(--branco);border-top:1px solid var(--linha);border-bottom:1px solid var(--linha)}
.grade{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:16px}
.cartao{background:var(--branco);border:1px solid var(--linha);border-radius:12px;padding:20px}
.secao.clara .cartao{background:var(--fundo)}
.cartao h3{color:var(--vermelho)}
.numero{font-size:2rem;font-weight:700;color:var(--vermelho);line-height:1.1}
.rotulo{color:var(--cinza);font-size:.95rem}
.botao{display:inline-block;background:var(--vermelho);color:#fff;border:2px solid var(--vermelho);border-radius:8px;padding:10px 18px;font-size:1rem;font-weight:700;text-decoration:none;cursor:pointer;font-family:inherit}
.botao:hover{background:var(--vermelho-escuro);border-color:var(--vermelho-escuro);color:#fff}
.botao.secundario{background:transparent;color:var(--vermelho)}
.botao.secundario:hover{background:var(--erro-f);color:var(--vermelho-escuro)}
.heroi .botao.secundario{color:#fff;border-color:#fff}
.heroi .botao.secundario:hover{background:#34424d;color:#fff}
.botao.pequeno{padding:6px 12px;font-size:.9rem}
.botao:disabled{opacity:.6;cursor:wait}
.botao:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible,a:focus-visible{outline:3px solid #1a5fb4;outline-offset:2px}
form{display:grid;gap:14px}
.campos{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px}
label{display:grid;gap:4px;font-weight:700;font-size:.95rem}
label .dica{font-weight:400;color:var(--cinza);font-size:.85rem}
input,select,textarea{font:inherit;padding:10px;border:1px solid #8b949b;border-radius:8px;background:#fff;color:var(--tinta);width:100%}
textarea{min-height:96px;resize:vertical}
.marcar{display:flex;align-items:center;gap:8px;font-weight:400}
.marcar input{width:auto}
.isca{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.msg{padding:12px 14px;border-radius:8px;border:1px solid var(--linha);background:var(--branco)}
.msg.erro{background:var(--erro-f);border-color:#e3a5a8;color:#7f0c11}
.msg.ok{background:var(--verde-f);border-color:#9fcf9c;color:#14502b}
.msg.atencao{background:var(--ambar-f);border-color:#e2c078;color:#5e3d00}
.oculto{display:none!important}
.estreito{max-width:460px;margin:40px auto}
.abas{display:flex;gap:6px;flex-wrap:wrap;border-bottom:2px solid var(--linha);margin:24px 0 20px}
.abas button{font:inherit;font-weight:700;background:none;border:none;border-bottom:4px solid transparent;padding:10px 14px;cursor:pointer;color:var(--cinza);margin-bottom:-2px}
.abas button[aria-selected="true"]{color:var(--vermelho);border-bottom-color:var(--vermelho)}
.lista{display:grid;gap:12px}
.item{background:var(--branco);border:1px solid var(--linha);border-radius:10px;padding:14px 16px}
.item .cabeca{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;align-items:baseline}
.item .meta{color:var(--cinza);font-size:.9rem}
.item dl{display:grid;grid-template-columns:minmax(120px,max-content) 1fr;gap:4px 14px;margin:10px 0 0}
.item dt{font-weight:700;color:var(--cinza)}
.item dd{margin:0;white-space:pre-wrap;overflow-wrap:anywhere}
.selo{display:inline-block;border-radius:999px;padding:2px 10px;font-size:.82rem;font-weight:700;border:1px solid transparent;white-space:nowrap}
.selo.verde{background:var(--verde-f);color:#14502b;border-color:#9fcf9c}
.selo.ambar{background:var(--ambar-f);color:#5e3d00;border-color:#e2c078}
.selo.vermelho{background:var(--erro-f);color:#7f0c11;border-color:#e3a5a8}
.selo.neutro{background:#eceff1;color:#3b464e;border-color:#c9d0d5}
.rolagem{overflow-x:auto;background:var(--branco);border:1px solid var(--linha);border-radius:10px}
table{border-collapse:collapse;width:100%;font-size:.95rem}
th,td{padding:10px 12px;border-bottom:1px solid var(--linha);text-align:left;vertical-align:top}
th{background:#eceff1;white-space:nowrap}
td.num,th.num{text-align:right;white-space:nowrap}
.barra{height:14px;background:#e3e0db;border-radius:999px;overflow:hidden;margin:8px 0}
.barra span{display:block;height:100%;background:var(--vermelho);width:0}
.linha-acoes{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.rodape{padding:28px 0;color:var(--cinza);font-size:.9rem;text-align:center}
@media (max-width:600px){h1{font-size:1.7rem}.heroi h1{font-size:2rem}.item dl{grid-template-columns:1fr}.marcas img{height:40px}}
.titulo-secao{padding-top:32px}
.sem-topo{margin-top:0}
.filtros{display:flex;gap:12px;flex-wrap:wrap;align-items:end;margin-bottom:16px}
.filtros label{min-width:170px}
.resposta{margin-top:12px;display:grid;gap:10px}
.semana-ok{color:#14502b;font-weight:700}
.semana-baixa{color:#5e3d00;font-weight:700}
.semana-zero{color:#7f0c11;font-weight:700}
#rastreio td:first-child{min-width:220px}
.titulo-pequeno{margin-top:10px}
.titulo-secao-cartao{margin-top:20px}
.calendario{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:14px;margin:14px 0}
.mes{border:1px solid var(--linha);border-radius:10px;padding:10px 12px;background:var(--fundo)}
.mes h3{margin:0 0 6px;font-size:1rem;color:var(--tinta)}
.mes label{font-weight:400;display:flex;align-items:center;gap:8px;font-size:.92rem;padding:2px 0}
.mes input{width:auto}
#rastreio td:nth-child(3){min-width:200px}