:root{--marinho:#0C2340;--marinho-esc:#032041;--marinho-2:#173560;--laranja:#FA7C0E;--laranja-esc:#B85000;--laranja-claro:#FFF1E3;--laranja-borda:#FFC48A;--tinta:#0F1E36;--suave:#5A6680;--linha:#E4E9F2;--fundo:#F4F6FB;--fundo3:#EAEFF7;--borda:#8A94A8;--ok:#0E6B3C;--ok-fundo:#E1F3E8;--erro:#8B2A0C;--erro-fundo:#FCE9E3;--sombra:0 1px 2px rgba(12,35,64,.06),0 6px 18px rgba(12,35,64,.07);--sombra-forte:0 10px 30px rgba(12,35,64,.22);--raio:20px;--topo-fixo:122px}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#raiz{height:100%;margin:0}body{font-family:Figtree,system-ui,sans-serif;color:var(--tinta);background:linear-gradient(160deg,var(--marinho-esc),var(--marinho-2));-webkit-font-smoothing:antialiased}button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer;text-align:left;transition:transform .12s ease,background-color .15s ease,box-shadow .15s ease,opacity .15s}button:active:not(:disabled){transform:scale(.97)}button:disabled{cursor:not-allowed}a{color:var(--laranja-esc)}input,textarea{font:inherit;color:inherit;width:100%;min-height:50px;border-radius:14px;padding:11px 14px;background:#fff;border:1.5px solid var(--linha);transition:border-color .15s,box-shadow .15s}input:hover,textarea:hover{border-color:#c9d2e3}input:focus,textarea:focus{outline:0;border-color:var(--laranja);box-shadow:0 0 0 4px #fa7c0e2e}textarea{min-height:80px;resize:none;display:block}:focus-visible{outline:3px solid #2F6FED;outline-offset:2px}.so-leitor{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.tela{max-width:560px;height:100dvh;margin:0 auto;background:var(--fundo);display:flex;flex-direction:column;min-height:0;position:relative;animation:entra .28s cubic-bezier(.2,.8,.2,1)}@media(min-width:600px){.tela{box-shadow:0 0 60px #00000059}}@keyframes entra{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.rola{flex:1 1 auto;min-height:0;overflow-y:auto;scroll-behavior:smooth;overscroll-behavior:contain}.topo{flex:none;display:flex;align-items:center;gap:8px;padding:10px 12px 8px;min-height:60px;background:#fff;border-bottom:1px solid var(--linha)}.volta{width:44px;height:44px;border-radius:22px;display:flex;align-items:center;justify-content:center;flex:none;background:var(--fundo3);color:var(--marinho)}.volta:hover{background:#dde5f2}.tit{font-size:19px;font-weight:800;line-height:24px;margin:0;color:var(--marinho)}.det{font-size:13.5px;line-height:18px;color:var(--suave)}.heroi{position:relative;background:linear-gradient(155deg,var(--marinho-esc) 0%,var(--marinho) 55%,var(--marinho-2) 100%);color:#fff;padding:26px 18px 62px;border-radius:0 0 30px 30px;overflow:hidden}.heroi:before{content:"";position:absolute;right:-70px;top:-80px;width:230px;height:230px;border-radius:50%;background:radial-gradient(circle,#fa7c0e8c,#fa7c0e00 68%)}.heroi:after{content:"";position:absolute;left:-60px;bottom:-90px;width:200px;height:200px;border-radius:50%;background:radial-gradient(circle,#6ea0ff47,#6ea0ff00 70%)}.heroi>*{position:relative;z-index:1}.marca-topo{display:block;height:24px;width:auto;margin:-6px 0 20px;opacity:.95}.id-loja{display:flex;align-items:center;gap:14px}.avatar{width:64px;height:64px;border-radius:20px;background:var(--laranja);color:var(--marinho-esc);display:flex;align-items:center;justify-content:center;font-weight:800;font-size:25px;flex:none;box-shadow:0 8px 20px #fa7c0e66;transform:rotate(-4deg)}.avatar.com-foto{object-fit:cover;background:#fff;border:3px solid #fff;padding:0}.heroi h1{font-size:25px;line-height:30px;font-weight:800;margin:0;letter-spacing:-.2px}.pilula{display:inline-flex;align-items:center;gap:7px;margin-top:7px;padding:4px 12px 4px 10px;border-radius:20px;font-size:13px;font-weight:700;background:#ffffff24;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.pilula i{width:9px;height:9px;border-radius:50%;background:#b7c0d3;flex:none}.pilula.aberta i{background:#37d67a;box-shadow:0 0 #37d67a99;animation:pulsa 1.8s infinite}.pilula.fechada i{background:#ff8a6b}@keyframes pulsa{70%{box-shadow:0 0 0 8px #37d67a00}to{box-shadow:0 0 #37d67a00}}.aviso-fechada{margin-top:14px;padding:10px 12px;border-radius:14px;background:#ffffff1f;font-size:13.5px;line-height:19px;border:1px solid rgba(255,255,255,.18)}.cartao-info{position:relative;z-index:2;margin:-38px 16px 6px;background:#fff;border-radius:var(--raio);box-shadow:var(--sombra-forte);display:grid;grid-template-columns:repeat(2,1fr);overflow:hidden}.info{display:flex;flex-direction:column;align-items:center;gap:2px;padding:13px 6px 12px;text-align:center;min-width:0}.info+.info{border-left:1px solid var(--linha)}.info svg{color:var(--laranja-esc);margin-bottom:2px}.info small{font-size:11.5px;font-weight:600;color:var(--suave);text-transform:uppercase;letter-spacing:.4px}.info b{font-size:14.5px;font-weight:800;color:var(--marinho);line-height:19px}.busca{position:relative;margin:12px 16px 4px}.busca svg{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--suave);pointer-events:none}.busca input{padding-left:44px;border-radius:26px;min-height:50px;background:#fff;box-shadow:var(--sombra);border-color:transparent}.busca button{position:absolute;right:8px;top:50%;transform:translateY(-50%);width:34px;height:34px;border-radius:17px;background:var(--fundo3);display:flex;align-items:center;justify-content:center;color:var(--marinho)}.nav{position:sticky;top:52px;z-index:5;background:#f4f6fbf0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid transparent;transition:border-color .2s,box-shadow .2s}.nav.preso{border-bottom-color:var(--linha);box-shadow:0 6px 16px #0c234014}.mini{position:absolute;left:0;right:0;top:0;z-index:6;height:52px;display:flex;align-items:center;gap:10px;padding:0 16px;background:#f4f6fbf5;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transform:translateY(-100%);transition:transform .25s ease;pointer-events:none}.mini.visivel{transform:none;pointer-events:auto}.mini .avatar{width:30px;height:30px;border-radius:10px;font-size:13px;box-shadow:none;transform:none}.mini b{font-size:16px;font-weight:800;color:var(--marinho);flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mini .pilula{margin:0;background:var(--fundo3);color:var(--marinho);font-size:12px;padding:3px 10px 3px 8px}.chips{display:flex;gap:8px;overflow-x:auto;padding:12px 16px;scrollbar-width:none;scroll-behavior:smooth}.chips::-webkit-scrollbar{display:none}.chip{flex:none;min-height:40px;padding:8px 17px;border-radius:20px;background:#fff;font-weight:700;font-size:14px;color:var(--marinho);border:1.5px solid var(--linha);box-shadow:0 1px 2px #0c23400d}.chip:hover{border-color:var(--laranja-borda)}.chip.on{background:var(--marinho);color:#fff;border-color:var(--marinho)}.chip.on:hover{border-color:var(--marinho)}.titulo-sec{padding:20px 18px 8px;font-size:20px;font-weight:800;margin:0;color:var(--marinho);display:flex;align-items:center;gap:10px}[data-sec]{scroll-margin-top:calc(var(--topo-fixo) - 14px)}.titulo-sec:after{content:"";flex:1;height:2px;border-radius:2px;background:linear-gradient(90deg,var(--laranja-borda),transparent)}.lista{padding:0 16px;display:flex;flex-direction:column;gap:12px}.card{position:relative;display:flex;background:#fff;border-radius:var(--raio);box-shadow:var(--sombra);border:1px solid transparent;transition:box-shadow .2s,transform .2s,border-color .2s;animation:sobe .35s both}.card:hover{box-shadow:0 2px 4px #0c234012,0 12px 26px #0c23401c;border-color:var(--laranja-borda)}@keyframes sobe{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.it{display:flex;gap:14px;flex:1 1 auto;min-width:0;padding:14px;align-items:stretch;width:100%;border-radius:var(--raio)}.it:disabled .nome,.it:disabled .preco{color:#7c8598}.it:disabled .foto{filter:grayscale(.7);opacity:.7}.txt{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;padding-right:2px}.nome{display:block;font-size:16px;font-weight:700;line-height:21px;color:var(--marinho)}.desc{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:13.5px;line-height:18px;color:var(--suave);margin-top:3px}.preco{display:block;font-size:16px;font-weight:800;margin-top:auto;padding-top:8px;color:var(--marinho)}.preco.promo{color:var(--laranja-esc)}.riscado{font-size:13px;font-weight:500;color:var(--suave);text-decoration:line-through;margin-left:7px}.imagem{position:relative;flex:none;width:104px;height:104px;align-self:flex-end;margin-bottom:0}.foto{width:104px;height:104px;border-radius:16px;flex:none;display:flex;align-items:center;justify-content:center;color:#fffffff2;font-weight:800;font-size:26px;object-fit:cover;display:block;background-size:cover}span.foto{display:flex}.selo-promo{position:absolute;left:-6px;top:-6px;background:var(--laranja);color:var(--marinho-esc);font-size:11.5px;font-weight:800;padding:3px 8px;border-radius:9px;box-shadow:0 3px 8px #fa7c0e73;z-index:1}.acao{position:absolute;right:6px;bottom:6px;z-index:2;display:flex;align-items:center;background:var(--laranja);color:var(--marinho-esc);border-radius:22px;box-shadow:0 6px 14px #fa7c0e80;height:40px;min-width:40px;justify-content:center;font-weight:800;font-size:22px;line-height:1}.acao button{width:40px;height:40px;border-radius:20px;display:flex;align-items:center;justify-content:center;font-size:22px;font-weight:800;color:var(--marinho-esc);flex:none;line-height:1}.acao button:hover:not(:disabled){background:#ffffff47}.acao b{min-width:20px;text-align:center;font-size:16px}.acao.com-qtd{box-shadow:0 6px 14px #0c234047}.acao:has(button:disabled){background:#c9d0de;box-shadow:none;color:#7c8598}.bolha{position:absolute;right:-6px;top:-8px;min-width:22px;height:22px;border-radius:11px;background:var(--marinho);color:#fff;font-size:12px;font-weight:800;display:flex;align-items:center;justify-content:center;padding:0 6px;border:2px solid #fff;z-index:2;animation:pop .25s}@keyframes pop{0%{transform:scale(.4)}to{transform:scale(1)}}.etq{display:inline-block;margin-top:6px;font-size:12px;font-weight:700;line-height:16px;padding:3px 9px;border-radius:8px;background:var(--fundo3);color:#3c475f;margin-right:6px}.etq.ruim{background:var(--erro-fundo);color:var(--erro)}.etq.verde{background:var(--ok-fundo);color:var(--ok)}.vazio-busca{padding:44px 24px;text-align:center}.vazio-busca svg{color:var(--laranja);margin-bottom:6px}.rodape-flutua{flex:none;padding:10px 16px calc(14px + env(safe-area-inset-bottom));background:linear-gradient(180deg,rgba(244,246,251,0),var(--fundo) 40%)}.barra{flex:none;padding:12px 16px calc(14px + env(safe-area-inset-bottom));border-top:1px solid var(--linha);background:#fff;display:flex;flex-direction:column;gap:8px;box-shadow:0 -8px 24px #0c23400f}.btn{width:100%;min-height:54px;border-radius:16px;background:var(--laranja);color:var(--marinho-esc);font-weight:800;font-size:16px;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:0 20px;box-shadow:0 8px 18px #fa7c0e59}.btn:hover:not(:disabled){background:#ff8d2b}.btn.centro{justify-content:center;text-align:center}.btn.sec{background:#fff;color:var(--marinho);border:1.5px solid var(--linha);box-shadow:none;text-decoration:none}.btn.sec:hover{background:var(--fundo3)}.btn:disabled{background:#dce1ec;color:#76809a;box-shadow:none}.btn.sacola{background:var(--marinho);color:#fff;box-shadow:0 12px 26px #0c234059;border-radius:18px}.btn.sacola:hover{background:var(--marinho-2)}.btn.sacola .qtd{display:inline-flex;align-items:center;gap:10px}.btn.sacola .circulo{width:34px;height:34px;border-radius:17px;background:var(--laranja);color:var(--marinho-esc);display:flex;align-items:center;justify-content:center}.btn.sacola .total{background:#ffffff24;padding:6px 12px;border-radius:12px}.btn.sacola.bump{animation:bump .35s}@keyframes bump{40%{transform:scale(1.04)}}.toast{position:absolute;left:50%;bottom:calc(92px + env(safe-area-inset-bottom));transform:translate(-50%);z-index:20;background:var(--marinho);color:#fff;font-weight:700;font-size:14px;padding:11px 18px;border-radius:24px;box-shadow:var(--sombra-forte);display:flex;align-items:center;gap:9px;max-width:calc(100% - 32px);animation:toast 2.2s both;pointer-events:none}.toast i{width:22px;height:22px;border-radius:11px;background:var(--ok);display:flex;align-items:center;justify-content:center;flex:none}@keyframes toast{0%{opacity:0;transform:translate(-50%,12px)}10%,85%{opacity:1;transform:translate(-50%)}to{opacity:0;transform:translate(-50%,6px)}}.capa{position:relative;height:250px;flex:none;background:linear-gradient(155deg,var(--marinho-esc),var(--marinho-2));overflow:hidden}.capa img{width:100%;height:100%;object-fit:cover;display:block}.capa .sigla-grande{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:80px;font-weight:800;color:#ffffffe6}.capa:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(3,32,65,.5),rgba(3,32,65,0) 38%,rgba(244,246,251,0) 70%,var(--fundo))}.capa .volta{position:absolute;left:14px;top:14px;z-index:2;background:#fff;box-shadow:0 4px 12px #00000040}.cab-produto{padding:4px 18px 8px;margin-top:-26px;position:relative;z-index:2}.cab-produto h1{font-size:25px;line-height:30px;font-weight:800;margin:0 0 4px;color:var(--marinho)}.gh{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;background:#fff;border-radius:16px;margin:16px 16px 8px;box-shadow:var(--sombra)}.gh b{font-size:15.5px;display:block;color:var(--marinho)}.selo{flex:none;font-size:11.5px;font-weight:800;padding:4px 10px;border-radius:10px;background:var(--laranja);color:var(--marinho-esc);text-transform:uppercase;letter-spacing:.3px}.selo.ok{background:var(--ok-fundo);color:var(--ok)}.grupo-op{margin:0 16px;background:#fff;border-radius:16px;box-shadow:var(--sombra);overflow:hidden}.op{display:flex;align-items:center;gap:12px;padding:0 16px;min-height:58px;border-bottom:1px solid var(--linha);width:100%;transition:background-color .15s}.op:last-child{border-bottom:0}button.op:hover:not(:disabled){background:var(--fundo)}button.op[aria-checked=true]{background:var(--laranja-claro)}.op:disabled{opacity:.5}.mar{width:24px;height:24px;flex:none;border:2px solid #9AA4B8;display:flex;align-items:center;justify-content:center;transition:all .15s}.mar.radio{border-radius:12px}.mar.check{border-radius:7px}.mar.on{background:var(--laranja);border-color:var(--laranja)}.mar.radio.on span{width:10px;height:10px;border-radius:5px;background:var(--marinho-esc)}.mar.check.on span{width:12px;height:7px;border-left:2.5px solid var(--marinho-esc);border-bottom:2.5px solid var(--marinho-esc);transform:rotate(-45deg) translate(1px,-1px)}.qt{display:flex;align-items:center;gap:2px;flex:none}.qt button{width:42px;height:42px;border-radius:21px;background:var(--fundo3);font-size:20px;font-weight:700;display:flex;align-items:center;justify-content:center;color:var(--marinho)}.qt button:hover:not(:disabled){background:var(--laranja-borda)}.qt button:disabled{opacity:.4}.qt b{min-width:28px;text-align:center;font-size:16px}.lin{display:flex;justify-content:space-between;gap:12px;font-size:14.5px;line-height:24px}.lab{display:block;font-size:13.5px;font-weight:700;margin-bottom:7px;color:var(--marinho)}.erro{background:var(--erro-fundo);color:var(--erro);border-radius:14px;padding:11px 14px;font-size:13.5px;line-height:19px;font-weight:500}.item-sacola{margin:0 16px 10px;padding:14px;background:#fff;border-radius:18px;box-shadow:var(--sombra);display:flex;gap:12px;align-items:center}.resumo{margin:14px 16px;padding:14px 16px;background:#fff;border-radius:18px;box-shadow:var(--sombra)}.resumo .total{font-weight:800;font-size:17px;color:var(--marinho);border-top:1px dashed var(--linha);margin-top:6px;padding-top:8px}.form{padding:14px 16px 18px;display:flex;flex-direction:column;gap:16px}.segmento{display:grid;grid-template-columns:1fr 1fr;gap:6px;padding:5px;background:var(--fundo3);border-radius:18px}.segmento button{min-height:46px;border-radius:14px;font-weight:800;font-size:15px;display:flex;align-items:center;justify-content:center;gap:8px;color:var(--suave)}.segmento button.on{background:var(--marinho);color:#fff;box-shadow:0 4px 12px #0c234047}.pagar{display:grid;grid-template-columns:1fr 1fr;gap:10px}.sel{display:flex;flex-direction:column;align-items:center;gap:6px;padding:14px 10px;min-height:76px;width:100%;border:1.5px solid var(--linha);border-radius:16px;font-weight:700;font-size:14.5px;background:#fff;justify-content:center;text-align:center}.sel svg{color:var(--suave)}.sel:hover{border-color:var(--laranja-borda)}.sel.on{border-color:var(--laranja);background:var(--laranja-claro);box-shadow:0 0 0 3px #fa7c0e29}.sel.on svg{color:var(--laranja-esc)}.secao-form{background:#fff;border-radius:18px;padding:14px 14px 16px;box-shadow:var(--sombra);display:flex;flex-direction:column;gap:14px}.heroi-pedido{background:linear-gradient(155deg,var(--marinho-esc),var(--marinho) 60%,var(--marinho-2));color:#fff;padding:28px 20px 36px;border-radius:0 0 30px 30px;position:relative;overflow:hidden}.heroi-pedido:before{content:"";position:absolute;right:-60px;top:-70px;width:210px;height:210px;border-radius:50%;background:radial-gradient(circle,#fa7c0e80,#fa7c0e00 68%)}.heroi-pedido>*{position:relative}.heroi-pedido .det{color:#ffffffbf}.heroi-pedido h1{font-size:25px;font-weight:800;line-height:31px;margin:6px 0 0}.selo-status{width:56px;height:56px;border-radius:18px;background:var(--laranja);color:var(--marinho-esc);display:flex;align-items:center;justify-content:center;margin-bottom:12px;box-shadow:0 8px 20px #fa7c0e73}.selo-status.espera{animation:balanca 2.4s ease-in-out infinite}.selo-status.ok{background:#37d67a}.selo-status.nao{background:#ff8a6b}@keyframes balanca{0%,to{transform:rotate(0)}10%{transform:rotate(-9deg)}20%{transform:rotate(9deg)}30%{transform:rotate(-6deg)}40%{transform:rotate(0)}}.etapas{margin:18px 16px 0;padding:18px 18px 6px;background:#fff;border-radius:20px;box-shadow:var(--sombra)}.pas{display:flex;gap:14px;align-items:flex-start;position:relative;padding-bottom:22px;font-weight:700;font-size:15px;color:#7c8598}.pas:not(:last-child):before{content:"";position:absolute;left:14px;top:30px;bottom:2px;width:3px;border-radius:2px;background:var(--fundo3)}.pas.feito:not(:last-child):before{background:var(--ok)}.bola{width:30px;height:30px;border-radius:15px;flex:none;background:var(--fundo3);display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:800;color:#7c8598;position:relative;z-index:1}.pas.feito{color:var(--tinta)}.pas.feito .bola{background:var(--ok);color:#fff}.pas.atual{color:var(--marinho)}.pas.atual .bola{background:var(--laranja);color:var(--marinho-esc);box-shadow:0 0 #fa7c0e8c;animation:pulsa-laranja 1.8s infinite}@keyframes pulsa-laranja{70%{box-shadow:0 0 0 10px #fa7c0e00}to{box-shadow:0 0 #fa7c0e00}}.pas span.t{padding-top:4px}.centro-tela{padding:56px 24px;text-align:center}.centro-tela .tit{margin-bottom:6px}.esqueleto{background:linear-gradient(90deg,#e4e9f2 25%,#f1f4fa,#e4e9f2 75%);background-size:200% 100%;animation:brilho 1.4s infinite;border-radius:16px}@keyframes brilho{to{background-position:-200% 0}}.esq-heroi{height:176px;border-radius:0 0 30px 30px;background:var(--marinho)}.esq-card{height:130px;margin:0 16px 12px;border-radius:20px}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}