/* Página /frete — tema creme da loja (22/09/2026) */
:root{--sala:#F0E6D3;--sup:#FBF7EE;--tinta:#2C1A15;--aco:#7B6454;--linha:#E0D2BB;--linha-f:#C9B896;--marca:#7C1A1A;--acao-cl:#F7E5E2;--verde:#1F7A5C;--alerta:#A3341F;--papel:#FFFDF8}
*{box-sizing:border-box}
html,body{margin:0;background:var(--sala);color:var(--tinta);font-family:'IBM Plex Sans',system-ui,sans-serif;font-size:15px;line-height:1.5;-webkit-text-size-adjust:100%}
.topo{background:var(--sup);border-bottom:1px solid var(--linha);padding:14px 18px;display:flex;align-items:center;gap:10px}
.topo .marca img{display:block}
.topo .tag{margin-left:auto;font-size:13px;color:var(--aco)}
.corpo{max-width:460px;margin:0 auto;padding:24px 16px 40px}
h1{font-family:Montserrat,sans-serif;font-weight:700;letter-spacing:-.03em;font-size:24px;margin:0 0 6px;text-align:center}
.rotulo{display:block;font-size:15px;color:var(--aco);text-align:center;margin-bottom:10px}
.cep{width:100%;height:76px;font-size:38px;text-align:center;letter-spacing:2px;font-family:'JetBrains Mono',monospace;border-radius:6px;border:1.5px solid var(--linha-f);background:var(--papel);color:var(--tinta);outline:none}
.cep:focus{border-color:var(--marca);box-shadow:0 0 0 3px var(--acao-cl)}
.erro{font-size:13px;color:var(--alerta);text-align:center;min-height:18px;margin:6px 0 0}
.qt{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:14px}
.q{background:var(--sup);border:1px solid var(--linha);border-radius:6px;padding:10px 8px 12px;text-align:center}
.q p{margin:0 0 8px;font-size:13px;color:var(--aco);font-weight:500}
.st{display:flex;align-items:center;justify-content:space-between}
.st button{width:40px;height:40px;padding:0;font-size:20px;border-radius:50%;border:1px solid var(--linha-f);background:var(--papel);color:var(--marca);cursor:pointer;font-family:inherit}
.st button:active{transform:scale(.96)}
.st input{width:64px;height:40px;text-align:center;font-size:20px;font-weight:600;border:0;background:transparent;color:var(--tinta);padding:0;font-family:inherit}
.res{margin-top:18px}
.dica{font-size:14px;color:var(--aco);text-align:center;margin:12px 0 0}
.op{display:flex;align-items:center;gap:12px;padding:14px;border:1px solid var(--linha);border-radius:6px;background:var(--sup);margin-top:10px}
.op.dest{border:2px solid var(--marca);background:var(--papel)}
.op .ic{width:26px;height:26px;flex:none;color:var(--aco)}
.op.dest .ic{color:var(--marca)}
.op .nm{margin:0;font-size:16px;font-weight:600}
.op .pz{margin:0;font-size:13px;color:var(--verde)}
.op .v{margin:0 0 0 auto;font-size:21px;font-weight:600;white-space:nowrap}
.op.dest .v{font-size:27px;color:var(--marca)}
.end{font-size:13px;color:var(--aco);text-align:center;margin:16px 0 0;padding-top:12px;border-top:1px solid var(--linha)}
.volta{font-size:13px;text-align:center;margin-top:28px}
.volta a{color:var(--marca)}