:root{--navy:#0B2038;--navy-2:#13304f;--navy-3:#1d4470;--lima:#CCE038;--lima-2:#b6ca22;--paper:#F6F6F4;--steel:#6b7c8f;--linha:#dde3ea;--ok:#1f9e4a;--erro:#e5484d;--mar:#aad3df;--txt:#16212e}
*{box-sizing:border-box}
html,body{margin:0;padding:0}
body{font-family:Inter,system-ui,sans-serif;color:var(--txt);background:var(--paper);font-size:15px}
h1,h2,h3,.cond{font-family:"Barlow Condensed",sans-serif;letter-spacing:.3px}
a{color:var(--navy-3)}
button,.btn{font:600 15px Inter,sans-serif;border:0;border-radius:8px;padding:12px 18px;cursor:pointer;background:var(--navy);color:#fff;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:.15s}
button:hover,.btn:hover{background:var(--navy-3)}
.btn-lima{background:var(--lima);color:var(--navy)}.btn-lima:hover{background:var(--lima-2)}
.btn-ok{background:var(--ok)}.btn-ok:hover{background:#17803b}
.btn-vazado{background:transparent;border:1.5px solid var(--navy);color:var(--navy)}.btn-vazado:hover{background:var(--navy);color:#fff}
.btn-perigo{background:var(--erro)}
button:disabled{opacity:.45;cursor:not-allowed}
input,select{font:15px Inter,sans-serif;width:100%;padding:12px 14px;border:1.5px solid var(--linha);border-radius:8px;background:#fff;color:var(--txt)}
input:focus,select:focus{outline:none;border-color:var(--navy-3);box-shadow:0 0 0 3px rgba(29,68,112,.15)}
label{font-weight:600;font-size:13px;color:var(--navy);display:block;margin:14px 0 6px;text-transform:uppercase;letter-spacing:.4px}
.alerta{padding:12px 14px;border-radius:8px;margin:12px 0;font-size:14px}
.alerta-erro{background:#fdecec;color:#9b1c20;border:1px solid #f5c2c4}
.alerta-ok{background:#e8f6ed;color:#14602f;border:1px solid #bfe5cc}
.marca{display:flex;align-items:center;gap:10px;color:#fff}
.marca strong{display:block;font:800 22px/1 "Barlow Condensed",sans-serif;letter-spacing:1.5px}
.marca span{font-size:11px;color:var(--lima);letter-spacing:.6px;text-transform:uppercase}
/* Tela de entrada */
.pg-entrada{min-height:100vh;background:var(--navy);display:flex;flex-direction:column}
.pg-entrada>header,.pg-entrada>main,.pg-entrada>.ondas{position:relative;z-index:2}
/* Fundo em transição (mesmas imagens do login do admin do JP), escurecido */
.tg-fundo{position:fixed;inset:0;z-index:0;overflow:hidden;background:linear-gradient(160deg,#0B2038 0%,#123457 60%,#1a4a73 100%)}
.tg-slide{position:absolute;inset:0;background-size:cover;background-position:center;opacity:0;animation:tgCrossfade 45s infinite;transform:scale(1.04)}
.tg-fundo:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(11,32,56,.82) 0%,rgba(11,32,56,.62) 45%,rgba(11,32,56,.9) 100%),linear-gradient(90deg,rgba(11,32,56,.55),rgba(11,32,56,.15))}
@keyframes tgCrossfade{0%{opacity:0}7%{opacity:1}15%{opacity:1}22%{opacity:0}100%{opacity:0}}
@media (prefers-reduced-motion:reduce){.tg-slide{animation:none}.tg-slide:first-child{opacity:1}}
.pg-entrada header{padding:18px 24px}
.entrada-wrap{flex:1;display:flex;align-items:center;justify-content:center;padding:24px 16px 60px;gap:48px;flex-wrap:wrap}
.entrada-texto{max-width:460px;color:#fff}
.entrada-texto h1{font-size:54px;line-height:.95;margin:0 0 14px;text-transform:uppercase}
.entrada-texto h1 em{color:var(--lima);font-style:normal}
.entrada-texto p{color:#c9d5e2;line-height:1.6}
.entrada-texto ul{padding:0;list-style:none;color:#dfe8f1;margin:18px 0 0}
.entrada-texto li{padding:6px 0 6px 26px;position:relative}
.entrada-texto li:before{content:"";position:absolute;left:0;top:11px;width:14px;height:8px;background:var(--lima);clip-path:polygon(0 0,100% 0,85% 100%,15% 100%)}
.cartao{background:#fff;border-radius:14px;padding:28px;width:100%;max-width:420px;box-shadow:0 20px 50px rgba(0,0,0,.35)}
.cartao h2{margin:0 0 4px;font-size:30px;color:var(--navy);text-transform:uppercase;text-align:center}
.cartao .sub{text-align:center;color:var(--steel);margin:0 0 10px;font-size:14px}
.cartao .acoes{margin-top:20px;display:grid;gap:10px}
.cartao .troca{text-align:center;font-size:14px;margin-top:16px;color:var(--steel)}
.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.ondas{height:46px;background:repeating-linear-gradient(90deg,#CCE038 0 60px,transparent 60px 110px) center/220px 5px no-repeat,#1b2733;background-size:220px 5px;background-repeat:repeat-x;animation:estrada 3s linear infinite}
@keyframes estrada{to{background-position:-220px 50%}}
/* Wizard */
.wiz{max-width:560px}
.wiz-topo{background:linear-gradient(90deg,var(--navy),var(--navy-3));color:#fff;margin:-28px -28px 20px;padding:16px;border-radius:14px 14px 0 0;text-align:center;font:800 26px "Barlow Condensed",sans-serif;letter-spacing:1px}
.passos{display:flex;justify-content:center;align-items:center;margin-bottom:18px}
.passos span{width:30px;height:30px;border-radius:50%;border:2px solid var(--linha);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:13px;color:var(--steel);background:#fff}
.passos i{width:56px;height:2px;background:var(--linha)}
.passos span.feito{background:var(--navy);border-color:var(--navy);color:var(--lima)}
.passos span.atual{border-color:var(--navy);color:var(--navy)}
.passo{display:none}.passo.ativo{display:block}
.passo h3{text-align:center;color:var(--navy-3);text-transform:uppercase;margin:0 0 10px;font-size:20px}
.sugestoes{display:grid;gap:8px;margin-top:8px}
.opcao{display:flex;align-items:center;gap:10px;border:1.5px solid var(--linha);border-radius:8px;padding:12px;cursor:pointer;font-size:14px}
.opcao:hover{border-color:var(--navy-3)}
.opcao input{width:auto}
.ou{display:flex;align-items:center;gap:10px;color:var(--steel);margin:14px 0 4px;font-size:13px}.ou:before,.ou:after{content:"";flex:1;height:1px;background:var(--linha)}
.contador{font-size:12px;color:var(--steel);text-align:right;margin-top:4px}
.carrossel-cam{border:2px solid var(--navy-3);border-radius:10px;overflow:hidden}
.carrossel-cam .tit{background:var(--navy-3);color:#fff;text-align:center;padding:8px;font:700 18px "Barlow Condensed",sans-serif;letter-spacing:.6px}
.carrossel-cam .ilus{background:linear-gradient(#e7f3fa,#cfe8f3);display:flex;justify-content:center;padding:14px 0 0}
.fichas{width:100%;border-collapse:collapse;font-size:13px}
.fichas td{padding:6px 12px}.fichas tr:nth-child(odd){background:#eef3f8}.fichas td:last-child{text-align:right;font-weight:600}
.carrossel-ctrl{display:flex;justify-content:center;align-items:center;gap:18px;margin-top:12px}
.carrossel-ctrl button{background:none;color:var(--navy-3);font-size:24px;padding:4px 10px}
.carrossel-ctrl button:disabled{color:#bbb}
.resumo{background:#f1f5f9;border-radius:10px;padding:14px 16px;line-height:1.9;font-size:14px}
.resumo b{color:var(--navy)}
.wiz-acoes{display:flex;gap:10px;margin-top:20px}.wiz-acoes button{flex:1}
@media(max-width:600px){.entrada-texto h1{font-size:40px}.cartao{padding:22px}.wiz-topo{margin:-22px -22px 18px}.passos i{width:30px}}
.carrossel-cam .ilus{background:linear-gradient(#dfeef7,#c5dcea)}
.tipos-carga{display:flex;gap:5px;flex-wrap:wrap;justify-content:flex-end}
.tag{display:inline-block;padding:2px 7px;border-radius:10px;font-size:11px;font-weight:700;text-transform:uppercase}
.tag.seca{background:#e8eef5;color:#335}.tag.granel{background:#f6ecd2;color:#7a5a00}.tag.refrigerada{background:#dff3fb;color:#06739a}.tag.conteiner{background:#ece3f6;color:#5b2d8a}.tag.perigosa{background:#fdecd8;color:#a0520a}