/* fixos019.css v1.0 claro0719a - 19/07/2026 - APP019 estrutura+efeitos do tema F8 aprovado (valem no claro E no escuro). Paleta lida do logo: #E9A930/#D18F1C/#C0790F/#A86305/#6E4102 */
body{overflow-x:hidden}
/* header 1 linha, gradiente vertical continuo, sem linhas */
.goldbar{padding:7px 16px;background:linear-gradient(180deg,#050505,#0B0B0D 62%,#161006);box-shadow:0 2px 14px rgba(0,0,0,.4);border-bottom:0}
@media(min-width:601px){.goldbar{padding-top:calc(env(safe-area-inset-top,0px) + 8px);padding-bottom:8px}}
/* logo integrado, sem moldura, clicavel */
.goldbar .lghome{display:flex;align-items:center;cursor:pointer;flex:0 0 auto}
.goldbar .lg{height:62px;margin:0;background:none;border:0;padding:0;border-radius:8px;filter:drop-shadow(0 3px 8px rgba(0,0,0,.55))}
.goldbar .lghome:hover .lg{filter:drop-shadow(0 3px 10px rgba(217,164,65,.45))}
@media(min-width:601px){.goldbar .lg{height:64px}}
@media(max-width:600px){.goldbar .lg{height:38px}}
/* linha 2: categorias full-bleed, espacos iguais, sem linhas */
.words{width:100vw;margin:-16px calc(50% - 50vw) 18px;padding:14px 18px;display:flex;justify-content:space-evenly;gap:10px;overflow-x:auto;white-space:nowrap;scrollbar-width:none;align-items:center;background:linear-gradient(180deg,#100c06,#191307);border-bottom:0;box-shadow:0 14px 30px -14px rgba(11,11,13,.45)}
.words::-webkit-scrollbar{display:none}
@media(max-width:600px){.words{margin:-16px calc(50% - 50vw) 15px;padding:12px 14px;gap:14px;justify-content:flex-start}}
.words a{display:inline-block;color:#E9A930;opacity:.55;font-weight:700;letter-spacing:.4px;padding:4px 2px;border-bottom:none;cursor:pointer;transform-origin:center;transition:transform .28s cubic-bezier(.34,1.56,.64,1),color .25s,opacity .25s,text-shadow .25s}
.words a:hover{color:#ffd86b;opacity:1;transform:scale(1.38);text-shadow:0 0 14px rgba(233,169,48,.75)}
.words a.on{color:#EFAF3F;opacity:1;font-weight:800;border-bottom:none;transform:scale(1.4);text-shadow:0 0 16px rgba(239,175,63,.75),0 0 30px rgba(233,169,48,.35)}
@media(prefers-reduced-motion:reduce){.words a{transition:none}.words a:hover{transform:none}.words a.on{transform:none;font-size:1.4em}}
/* microfone SEM bola: so o glyph em gradiente ouro escuro, pulsando (!important vence micfix0711 inline) */
.micbtn{width:48px!important;height:48px!important;flex:0 0 48px!important;background:none!important;box-shadow:none!important;animation:micpulse019 2s ease-in-out infinite!important}
.micbtn svg{width:34px!important;height:34px!important;fill:url(#a19micgrad)!important;color:#C0790F!important;filter:drop-shadow(0 1px 2px rgba(110,65,2,.45))}
.micbtn svg use,.micbtn svg path{fill:url(#a19micgrad)!important}
@media(max-width:600px){.micbtn{width:34px!important;height:34px!important;flex:0 0 34px!important}.micbtn svg{width:24px!important;height:24px!important}}
@keyframes micpulse019{0%,100%{transform:scale(1);filter:drop-shadow(0 1px 2px rgba(110,65,2,.45))}50%{transform:scale(1.16);filter:drop-shadow(0 0 7px rgba(233,169,48,.7))}}
@media(prefers-reduced-motion:reduce){.micbtn{animation:none!important}}
/* botao Buscar no ouro do logo */
.go{background:linear-gradient(180deg,#E9A930 0%,#C0790F 55%,#A86305 100%);color:#FFF6DC;text-shadow:0 1px 2px rgba(60,30,0,.55);box-shadow:inset 0 1px 0 rgba(255,240,190,.45),0 3px 8px rgba(110,65,2,.35)}
/* menu lanche no ouro do logo */
.goldbar .lanche{background:linear-gradient(160deg,#E9A930 0%,#C0790F 60%,#8F5503 100%);border:1.5px solid rgba(255,220,140,.65);color:#2E1D02;box-shadow:inset 0 1px 0 rgba(255,240,190,.5),inset 0 -3px 8px -3px rgba(90,50,0,.5),0 4px 10px -3px rgba(0,0,0,.5)}
.goldbar .lanche svg{color:#2E1D02}
.goldbar .lanche.on{border-color:rgba(255,240,190,.9);box-shadow:inset 0 1px 0 rgba(255,240,190,.6),0 0 20px -2px rgba(233,169,48,.7)}
/* "Destaques"/"Empresas em Destaque" cor solida do logo, tamanho igualado aos titulos de secao (18px) */
.sec{font-size:18px;font-weight:800;background:none;-webkit-background-clip:initial;background-clip:initial;color:#E9A930;-webkit-text-fill-color:#E9A930;text-shadow:0 1px 3px rgba(110,65,2,.30);animation:none}
.sec a{background:none;-webkit-text-fill-color:#E9A930;color:#E9A930;opacity:.85}
/* chips dos cards em vidro ambar do logo */
.mc .citychip{background:rgba(233,169,48,.30);border:1px solid rgba(233,169,48,.65)}
.mc .catchip{background:rgba(233,169,48,.22);border:1px solid rgba(233,169,48,.55)}
/* estrelas das avaliacoes no ouro do logo */
.gstars g[fill="#F2CE7B"]{fill:#E9A930}
/* scrollbar no ouro do logo */
html{scrollbar-color:#C0790F rgba(110,65,2,.12)}
::-webkit-scrollbar-thumb{background-color:#C0790F;background-image:linear-gradient(180deg,#E9A930 0%,#C0790F 45%,#8F5503 100%)}
::-webkit-scrollbar-thumb:hover{background-image:linear-gradient(180deg,#EFAF3F 0%,#D18F1C 45%,#A86305 100%)}
/* botao Entrar: fonte em gradiente ouro, pilula contornada */
.goldbar .accchip{border:1.5px solid rgba(233,169,48,.75);border-radius:999px;padding:8px 16px;font-weight:800;cursor:pointer;background-image:linear-gradient(180deg,#F2C14E 0%,#E9A930 38%,#C0790F 72%,#A86305 100%);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;box-shadow:inset 0 1px 0 rgba(255,240,190,.18),0 2px 8px rgba(0,0,0,.35)}
.goldbar .accchip:hover{border-color:#F2C14E;box-shadow:inset 0 1px 0 rgba(255,240,190,.28),0 0 16px rgba(233,169,48,.45)}
/* foco na digitacao: pagina desfoca enquanto digita na busca (classe posta pelo tema019.js) */
.body{transition:filter .35s ease,opacity .35s ease}
body.busca-foco .body{filter:blur(6px) saturate(.85);opacity:.75;pointer-events:none;user-select:none}
@media(prefers-reduced-motion:reduce){.body{transition:none}body.busca-foco .body{filter:none;opacity:.45}}
/* barra de busca: pilula; espresso-ambar no escuro, marfim-champanhe no claro */
.searchbar{border-radius:999px;background:linear-gradient(180deg,#2B2214,#1D1710);border:1.5px solid rgba(233,169,48,.55);box-shadow:0 0 0 1px rgba(110,65,2,.35),0 0 12px -2px rgba(233,169,48,.4),inset 0 1px 0 rgba(255,227,154,.22),inset 0 -2px 4px rgba(0,0,0,.4)}
.searchbar input{color:#F3E6C8}
.searchbar input::placeholder{color:#B39B6E}
body.claro019 .searchbar{background:linear-gradient(180deg,#FDF8EC,#F6EDD8);border:1.5px solid rgba(192,121,15,.6);box-shadow:0 0 0 1px rgba(233,169,48,.25),0 6px 16px rgba(110,65,2,.12),inset 0 1px 0 #fff}
body.claro019 .searchbar input{color:#3a2600}
body.claro019 .searchbar input::placeholder{color:#a8946a}
/* sombra dourada 3D compacta sob os cards no modo escuro */
body:not(.claro019) .mc{box-shadow:0 3px 8px rgba(0,0,0,.5),0 8px 14px -4px rgba(233,169,48,.55),0 14px 22px -10px rgba(192,121,15,.4)}
body:not(.claro019) .mc:hover{box-shadow:0 4px 10px rgba(0,0,0,.55),0 10px 18px -4px rgba(239,175,63,.7),0 18px 28px -10px rgba(192,121,15,.5)}
/* interruptor claro/escuro: capsula sempre no ouro da marca; bolinha marfim/sol no claro, carbono/lua no escuro */
#modeswitch{position:relative;width:64px;height:30px;flex:0 0 64px;padding:0;border-radius:999px;cursor:pointer;background:linear-gradient(180deg,#E9A930 0%,#C0790F 55%,#A86305 100%);border:1px solid rgba(110,65,2,.55);box-shadow:inset 0 1px 2px rgba(110,65,2,.3),0 4px 10px rgba(110,65,2,.35);transition:background .35s,box-shadow .35s,border-color .35s;-webkit-tap-highlight-color:transparent}
#modeswitch .ms-thumb{position:absolute;top:2px;left:2px;width:24px;height:24px;border-radius:50%;background:#FFF8E8;border:1px solid rgba(168,99,5,.55);display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px rgba(110,65,2,.35),0 1px 3px rgba(255,255,255,.4);transition:transform .35s cubic-bezier(.4,0,.2,1),background .35s,border-color .35s;will-change:transform;box-sizing:border-box}
#modeswitch .ms-sun,#modeswitch .ms-moon{position:absolute;transition:opacity .3s,transform .35s}
#modeswitch .ms-sun{width:15px;height:15px;stroke:#A86305;fill:none;stroke-width:1.7;stroke-linecap:round;opacity:1}
#modeswitch .ms-moon{width:14px;height:14px;stroke:#F2CE7B;fill:none;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;opacity:0;transform:rotate(-40deg)}
#modeswitch .ms-stars{position:absolute;left:9px;top:50%;transform:translateY(-50%);width:15px;height:15px;fill:#6E4102;opacity:0;transition:opacity .35s}
#modeswitch[aria-checked="true"]{background:linear-gradient(180deg,#E9A930 0%,#C0790F 55%,#A86305 100%);border-color:rgba(110,65,2,.55);box-shadow:inset 0 1px 2px rgba(110,65,2,.3),0 4px 10px rgba(110,65,2,.35)}
#modeswitch[aria-checked="true"] .ms-thumb{transform:translateX(34px);background:#241A0D;border-color:rgba(255,220,140,.55);box-shadow:0 4px 12px rgba(60,35,0,.45),0 1px 3px rgba(255,240,190,.25)}
#modeswitch[aria-checked="true"] .ms-sun{opacity:0;transform:rotate(60deg)}
#modeswitch[aria-checked="true"] .ms-moon{opacity:1;transform:rotate(0)}
#modeswitch[aria-checked="true"] .ms-stars{opacity:.9}
#modeswitch:focus-visible{outline:2px solid #ffd86b;outline-offset:2px}
@media(min-width:601px){#modeswitch{width:76px;height:34px;flex:0 0 76px}#modeswitch .ms-thumb{width:28px;height:28px}#modeswitch[aria-checked="true"] .ms-thumb{transform:translateX(42px)}}
/* claro0719c MOBILE: chave 30% menor, QUASE ENCOSTADA no menu lanche (searchbar cresce e empurra os dois pro canto) */
@media(max-width:600px){.goldbar .inner{gap:5px}.goldbar .searchbar{flex:1 1 auto!important;min-width:0}#modeswitch{width:45px;height:21px;flex:0 0 45px;margin:0}#modeswitch .ms-thumb{width:17px;height:17px;top:1px;left:1px}#modeswitch[aria-checked="true"] .ms-thumb{transform:translateX(26px)}#modeswitch .ms-sun{width:11px;height:11px}#modeswitch .ms-moon{width:10px;height:10px}#modeswitch .ms-stars{width:10px;height:10px;left:6px}}
@media(prefers-reduced-motion:reduce){#modeswitch,#modeswitch .ms-thumb,#modeswitch .ms-sun,#modeswitch .ms-moon{transition:none}}
/* ===== claro0719c 19/07/2026 — ajustes Rafael + melhorias de fluxo (progressive enhancement) ===== */
/* botao Buscar: pill compacto (nao mais quadrado/grande) */
.go{border-radius:999px!important;padding:9px 16px!important;font-size:13px!important;font-weight:800;letter-spacing:.3px;line-height:1;flex:0 0 auto!important;white-space:nowrap}
@media(max-width:600px){.go{padding:7px 12px!important;font-size:12px!important}}
/* numero de anuncios: remove a moldura amarela, mantem o brilho no texto (.kpi-badge b ja anima) */
.kpi-badge{border:0!important;box-shadow:none!important;background:none!important;padding:0 2px!important}
.kpi-badge::after{display:none!important}
/* header fixo em cima: barra de busca OCULTA ao rolar pra baixo, volta com efeito MOLA ao rolar pra cima */
.goldbar .lg{transition:height .38s cubic-bezier(.34,1.56,.64,1)}
.goldbar .searchbar{transition:flex-basis .42s cubic-bezier(.34,1.56,.64,1),max-width .42s cubic-bezier(.34,1.56,.64,1),opacity .26s ease,transform .42s cubic-bezier(.34,1.56,.64,1),margin .3s ease,padding .3s ease}
body.hdr-slim .goldbar .searchbar{flex:0 0 0!important;max-width:0!important;width:0!important;opacity:0!important;margin:0!important;padding-left:0!important;padding-right:0!important;transform:translateY(-8px) scale(.95);overflow:hidden;border-width:0!important;pointer-events:none}
body.hdr-slim .goldbar .lg{height:42px}
@media(min-width:601px){body.hdr-slim .goldbar .lg{height:46px}}
/* toasts em pilula dourada */
#a19toasts{position:fixed;left:0;right:0;bottom:22px;z-index:9999;display:flex;flex-direction:column;align-items:center;gap:8px;pointer-events:none}
.a19toast{pointer-events:auto;max-width:88vw;background:linear-gradient(180deg,#241A0D,#0B0B0D);color:#F3E6C8;border:1px solid rgba(233,169,48,.6);border-radius:999px;padding:12px 22px;font-size:13.5px;font-weight:700;box-shadow:0 10px 30px rgba(0,0,0,.4),0 0 18px rgba(233,169,48,.2);display:flex;align-items:center;gap:10px;transform:translateY(16px);opacity:0;transition:transform .4s cubic-bezier(.34,1.56,.64,1),opacity .3s}
.a19toast.on{transform:translateY(0);opacity:1}
.a19toast .ic{font-size:16px;line-height:1}
.a19toast.err{border-color:rgba(220,80,60,.6)}.a19toast.err .ic{color:#ff7a5c}
.a19toast.ok .ic{color:#4ecb71}
/* olhinho de senha */
.la-panel .fld{position:relative}
.a19eye{position:absolute;right:8px;bottom:8px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#9a6400;opacity:.7;background:none;border:0;padding:0}
.a19eye:hover{opacity:1}.a19eye svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.8}
.la-panel .fld input[type=password],.la-panel .fld input.a19pw{padding-right:42px}
/* validacao em tempo real */
.la-panel input.ok019{border-color:#4ecb71!important;box-shadow:0 0 0 3px rgba(78,203,113,.14)!important}
.la-panel input.bad019{border-color:#e0604a!important;box-shadow:0 0 0 3px rgba(224,96,74,.14)!important}
.a19fmsg{font-size:11px;margin:4px 2px 0;min-height:13px;color:#e0604a;font-weight:600}
.a19fmsg.ok{color:#3a9d57}
/* campo Codigo de indicacao (sempre visivel no cadastro) */
.a19refwrap label{display:block;font-size:12px;color:#9a6400;font-weight:700;margin:12px 0 5px}
.a19refwrap input{width:100%;background:#fff;border:1px solid #EAE0CC;border-radius:11px;padding:11px 12px;font-size:14px;color:#241A0D}
.a19refwrap input:focus{outline:none;border-color:#E9A930;box-shadow:0 0 0 3px rgba(233,169,48,.15)}
.a19refwrap .hint{font-size:10.5px;color:#9a917d;margin-top:4px}
.a19refwrap .hint.prefill{color:#3a9d57}
/* botao com spinner anti-duplo-clique */
.loading019{position:relative;color:transparent!important;pointer-events:none}
.loading019 *{opacity:0}
.loading019::after{content:'';position:absolute;left:50%;top:50%;width:18px;height:18px;margin:-9px 0 0 -9px;border:2.5px solid rgba(255,255,255,.4);border-top-color:#fff;border-radius:50%;animation:a19spin .7s linear infinite}
@keyframes a19spin{to{transform:rotate(360deg)}}
/* VIP: barra de progresso das 3 etapas */
.a19vipbar{display:flex;align-items:center;gap:6px;margin:0 0 16px;justify-content:center}
.a19vipbar i{width:28px;height:5px;border-radius:999px;background:rgba(154,100,0,.22);transition:background .3s,transform .3s}
.a19vipbar i.on{background:linear-gradient(90deg,#E9A930,#C0790F);transform:scaleY(1.15)}
/* PIX: QR grande + botao copiar */
.a19pixwrap{text-align:center;margin:10px 0}
.a19pixwrap img,.a19pixwrap canvas{width:210px!important;height:210px!important;border:6px solid #fff;border-radius:14px;box-shadow:0 8px 24px rgba(0,0,0,.15);background:#fff}
.a19pixcopy{margin-top:12px;width:100%;background:linear-gradient(180deg,#E9A930,#A86305);color:#fff;border:0;border-radius:12px;padding:14px;font-weight:800;font-size:15px;cursor:pointer;box-shadow:0 4px 14px rgba(168,99,5,.35)}
.a19pixcopy:active{transform:scale(.98)}
/* ===== claro0719f 19/07/2026 — feed suave (fim do piscar) + toggle colado + cards de loja ===== */
/* CARDS: troca o fadeUp (que "quica" com translateY) por fade de opacidade suave e rapido — sem piscar, sem quicar, sem layout shift (a altura ja e reservada pelo aspect-ratio) */
@keyframes a19cardin{from{opacity:0}to{opacity:1}}
.mc{animation:a19cardin .28s ease both!important}
.mc-promo{animation:a19cardin .28s ease both,bordepulse 2.8s ease-in-out infinite!important}
@media(prefers-reduced-motion:reduce){.mc,.mc-promo{animation:none!important}}
/* toggle praticamente encostado no menu lanche (mobile) — vence o margin-left:auto inline do _home */
@media(max-width:600px){.goldbar .inner .lanche{margin-left:-5px!important}.goldbar .inner{column-gap:6px}}
/* CARDS DE LOJA na lista geral: sem botoes; card inteiro = 1 clique que abre a loja (marcado por tema019.js) */
.mc-loja .row{display:none!important}
.mc-loja{cursor:pointer}
/* ===== claro0719h 19/07/2026 — item 5: virtualizacao nativa dos cards (scroll leve estilo feed) ===== */
/* content-visibility:auto = navegador NAO renderiza/pinta cards fora da tela -> menos repaint/reflow, scroll mais fluido. contain-intrinsic-size reserva a altura (sem layout shift). */
.mc{content-visibility:auto;contain-intrinsic-size:auto 200px}
/* ===== claro0719i 19/07/2026 — HEADER MOBILE EM UMA LINHA: logo(esq) | busca(centro, c/ mic+buscar) | interruptor | menu lanche(canto direito) ===== */
@media(max-width:600px){
  .goldbar .inner{flex-wrap:nowrap!important;gap:6px!important;align-items:center!important}
  .goldbar .lghome{order:0!important;flex:0 0 auto!important}
  .goldbar .lg{height:30px!important}
  .goldbar .searchbar{order:1!important;flex:1 1 auto!important;min-width:0!important;width:auto!important;max-width:none!important;margin:0!important;flex-basis:auto!important}
  #modeswitch{order:2!important;flex:0 0 45px!important}
  .goldbar .lanche{order:3!important;flex:0 0 34px!important}
}
/* ===== claro0719j 19/07/2026 — mobile: campo de busca USAVEL (logo menor, mic compacto, Buscar vira lupa) ===== */
@media(max-width:600px){
  .goldbar .lghome .lg{max-width:74px!important;max-height:26px!important;height:auto!important}
  .goldbar .inner .micbtn{width:32px!important;height:32px!important;min-width:0!important;min-height:0!important;flex:0 0 32px!important}
  .goldbar .inner .micbtn svg{width:20px!important;height:20px!important}
  .goldbar .inner .go{font-size:0!important;width:38px!important;height:38px!important;min-width:38px!important;flex:0 0 38px!important;padding:0!important;border-radius:50%!important;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23FFF6DC' stroke-width='2.4' stroke-linecap='round'%3E%3Ccircle cx='10.5' cy='10.5' r='6.5'/%3E%3Cpath d='M20 20l-4.2-4.2'/%3E%3C/svg%3E") center/17px no-repeat,linear-gradient(180deg,#E9A930,#A86305)!important;box-shadow:0 2px 8px rgba(110,65,2,.35)!important}
}
/* ===== claro0719l 20/07/2026 — barra de categorias: respiro do header + topo não cortado ===== */
/* margem positiva = header fixo não cobre mais o topo; padding-top maior = palavra ativa (scale 1.4) não corta */
.body .words{margin-top:7px!important;padding-top:17px!important;padding-bottom:14px!important}
@media(max-width:600px){.body .words{margin-top:14px!important;padding-top:15px!important;padding-bottom:13px!important}}