/* delivanun: bloco df0809 */
/* ===== DF0809 v2.0 — folha unica da pagina (claro + escuro por classe .dark) ===== */
:root{
  --bg:#FBFAF7;--bg2:#F6F1E4;
  --card:#FFFFFF;--glass:rgba(255,255,255,.66);--glass2:rgba(255,255,255,.9);
  --bord:rgba(138,94,4,.16);--bord2:rgba(138,94,4,.34);
  --ink:#1B1B1F;--mut:#6E6759;
  --ouro:#8A5E04;--ouro2:#A86305;--ambar:#E9A930;
  --grad-cta:var(--app019-gold-gradient,linear-gradient(135deg,#F3C651 0%,#E9A930 35%,#D49813 68%,#B88008 100%));
  --foco:0 0 0 3px rgba(138,94,4,.35);
  --r:20px;--r2:14px;
  --sombra:0 1px 2px rgba(27,27,31,.04),0 10px 26px -14px rgba(110,65,2,.22);
  --sombra2:0 14px 34px -14px rgba(110,65,2,.28);
}
html.dark,body.dark{
  --bg:#0B0B0D;--bg2:#111114;
  --card:#17181C;--glass:rgba(24,24,28,.66);--glass2:rgba(24,24,28,.92);
  --bord:rgba(233,169,48,.18);--bord2:rgba(233,169,48,.4);
  --ink:#F3F5F8;--mut:#B9BCC2;
  --ouro:#E9A930;--ouro2:#E9A930;
  --sombra:0 1px 2px rgba(0,0,0,.3),0 10px 26px -14px rgba(0,0,0,.55);
  --sombra2:0 14px 34px -14px rgba(0,0,0,.6);
}
*{margin:0;padding:0;box-sizing:border-box}
html,body{max-width:100%;overflow-x:hidden}
html{scroll-behavior:smooth}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
body{background:var(--bg);color:var(--ink);font:16px/1.6 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;-webkit-font-smoothing:antialiased}
img{display:block;max-width:100%;height:auto}
.vh{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.orb{position:fixed;border-radius:50%;filter:blur(100px);opacity:.19;pointer-events:none;z-index:0}
.o1{width:46vmax;height:46vmax;left:-16vmax;top:-18vmax;background:radial-gradient(circle,rgba(233,169,48,.5),transparent 62%)}
.o2{width:38vmax;height:38vmax;right:-14vmax;bottom:-16vmax;background:radial-gradient(circle,rgba(156,111,36,.4),transparent 60%)}
html.dark .orb,body.dark .orb{opacity:.13}
.wrap{max-width:1060px;margin:0 auto;padding:0 max(16px,env(safe-area-inset-left)) 0 max(16px,env(safe-area-inset-right));position:relative;z-index:1}
a{color:var(--ouro);font-weight:600;text-decoration:none}
a:hover{color:#5E3F00}
html.dark a:hover,body.dark a:hover{color:#F2C46A}
a:focus-visible{outline:3px solid rgba(138,94,4,.55);outline-offset:3px;border-radius:8px}
/* ---- header: 1 linha compacta ---- */
header{position:sticky;top:0;z-index:30;background:rgba(251,250,247,.88);backdrop-filter:blur(16px) saturate(150%);-webkit-backdrop-filter:blur(16px) saturate(150%);border-bottom:1px solid var(--bord);padding-top:env(safe-area-inset-top)}
html.dark header,body.dark header{background:rgba(11,11,13,.88)}
.bar{display:flex;align-items:center;gap:10px;min-height:56px;padding:6px 0}
.volt{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;flex:0 0 40px;border:1px solid var(--bord);border-radius:12px;background:var(--glass);color:var(--ouro)}
.volt svg{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.volt:hover{border-color:var(--bord2);color:var(--ouro)}
.logo{font-weight:800;font-size:1.02rem;color:var(--ink);letter-spacing:-.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
.logo b{background:var(--app019-gold-gradient,linear-gradient(135deg,#F3C651 0%,#E9A930 35%,#D49813 68%,#B88008 100%));-webkit-background-clip:text;background-clip:text;color:transparent}
html.dark .logo b,body.dark .logo b{background:linear-gradient(135deg,#E9A930,#C0790F);-webkit-background-clip:text;background-clip:text;color:transparent}
.navtop{display:flex;align-items:center;gap:8px;margin-left:auto}
.navtop a{display:inline-flex;align-items:center;min-height:40px;padding:0 14px;border:1px solid var(--bord);border-radius:999px;background:var(--glass);color:var(--ouro);font-weight:700;font-size:.85rem;white-space:nowrap}
.navtop a:hover{border-color:var(--bord2)}
.dftema{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border:1px solid var(--bord);border-radius:12px;background:var(--glass);color:var(--ouro);cursor:pointer;font:inherit;padding:0}
.dftema:hover{border-color:var(--bord2)}
.dftema svg{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.ic-lua{display:block}.ic-sol{display:none}
html.dark .ic-lua,body.dark .ic-lua{display:none}
html.dark .ic-sol,body.dark .ic-sol{display:block}
/* ---- migalha discreta ---- */
.dfmiga{font-size:.78rem;color:var(--mut);padding:10px 0 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dfmiga a{color:var(--mut);font-weight:500}
.dfmiga a:hover{color:var(--ouro)}
.dfmiga b{color:var(--ink);font-weight:600}
/* ---- hero denso ---- */
.hero{padding:16px 0 2px}
.herogrid{display:grid;grid-template-columns:minmax(0,1fr);gap:14px}
.eyebrow{display:none;padding:6px 14px;border-radius:999px;background:var(--glass);border:1px solid var(--bord);color:var(--ouro);font-weight:700;font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;width:fit-content}
h1{font-size:clamp(1.65rem,5.6vw,2.5rem);line-height:1.12;font-weight:800;letter-spacing:-.02em;margin:2px 0 0;max-width:720px}
h1 em{font-style:normal;background:var(--app019-gold-gradient,linear-gradient(135deg,#F3C651 0%,#E9A930 35%,#D49813 68%,#B88008 100%));-webkit-background-clip:text;background-clip:text;color:transparent}
html.dark h1 em,body.dark h1 em{background:linear-gradient(90deg,#E9A930,#F2C46A 55%,#E9A930);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero p{color:var(--mut);max-width:56ch;margin:8px 0 0;font-size:.94rem;line-height:1.5}
.ctas{display:flex;gap:10px;flex-wrap:wrap;margin:14px 0 2px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:0 20px;border-radius:var(--r2);font-weight:800;font-size:.95rem;min-height:48px;border:1px solid transparent;transition:transform .18s,box-shadow .18s,border-color .18s;cursor:pointer}
.btn:active{transform:scale(.97)}
.btn-p{background:var(--grad-cta);color:#FFFFFF;box-shadow:0 8px 22px -10px rgba(138,94,4,.5),inset 0 1px 0 rgba(255,255,255,.28);position:relative;overflow:hidden}
.btn-p:hover{filter:brightness(1.07);color:#FFFFFF;transform:translateY(-1px)}
html.dark .btn-p,body.dark .btn-p,html.dark .btn-p:hover,body.dark .btn-p:hover{color:#FFFFFF}
.btn-p::after{content:"";position:absolute;top:0;left:-70%;width:45%;height:100%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.4),transparent);transform:skewX(-18deg);pointer-events:none}
.btn-p:hover::after{animation:brilhoL 1.1s ease 1}
@keyframes brilhoL{from{left:-70%}to{left:130%}}
.btn-s{background:var(--glass);border-color:var(--bord);color:var(--ouro);backdrop-filter:blur(12px) saturate(160%);-webkit-backdrop-filter:blur(12px) saturate(160%)}
.btn-s:hover{background:var(--glass2);border-color:var(--bord2);color:var(--ouro);transform:translateY(-1px)}
html.dark .btn-s,body.dark .btn-s,html.dark .btn-s:hover,body.dark .btn-s:hover{color:#E9A930}
.so-food{display:none}
/* ---- painel: busca + indicadores ---- */
.dfpainel{background:var(--glass);border:1px solid var(--bord);border-radius:18px;padding:12px;display:grid;gap:10px;backdrop-filter:blur(16px) saturate(150%);-webkit-backdrop-filter:blur(16px) saturate(150%);box-shadow:var(--sombra)}
.dfbusca{display:flex;gap:8px}
.dfcampo{position:relative;flex:1;min-width:0}
.dfcampo svg{position:absolute;left:12px;top:50%;transform:translateY(-50%);width:17px;height:17px;stroke:var(--mut);fill:none;stroke-width:2;stroke-linecap:round;pointer-events:none}
.dfbusca input{width:100%;min-height:48px;border-radius:12px;padding:0 12px 0 38px;border:1px solid var(--bord2);background:var(--card);color:var(--ink);font:inherit;font-size:16px}
.dfbusca input::placeholder{color:var(--mut)}
.dfbusca input:focus-visible{outline:none;border-color:var(--ouro2);box-shadow:var(--foco)}
.dfbusca button{flex:0 0 auto;min-height:48px;padding:0 18px;border:0;border-radius:12px;cursor:pointer;font:inherit;font-size:.92rem;font-weight:800;color:#FFFFFF;background:var(--grad-cta)}
.dfbusca button:hover{filter:brightness(1.07)}
.dfnums{display:grid;grid-template-columns:repeat(3,1fr);text-align:center}
.dfnums div{padding:2px 6px}
.dfnums div+div{border-left:1px solid var(--bord)}
.dfnums b{display:block;font-size:.95rem;line-height:1.2;font-weight:800;background:var(--app019-gold-gradient,linear-gradient(135deg,#F3C651 0%,#E9A930 35%,#D49813 68%,#B88008 100%));-webkit-background-clip:text;background-clip:text;color:transparent}
html.dark .dfnums b,body.dark .dfnums b{background:linear-gradient(135deg,#F2C46A,#E9A930);-webkit-background-clip:text;background-clip:text;color:transparent}
.dfnums span{display:block;font-size:.68rem;color:var(--mut);margin-top:1px;line-height:1.3}
/* ---- blocos de conteudo ---- */
.glass{background:var(--glass);border:1px solid var(--bord);border-radius:var(--r);backdrop-filter:blur(18px) saturate(160%);-webkit-backdrop-filter:blur(18px) saturate(160%);box-shadow:inset 0 1px 0 rgba(255,255,255,.75),inset 0 -1px 0 rgba(138,94,4,.04),0 1px 2px rgba(27,27,31,.04),0 18px 44px -22px rgba(110,65,2,.3)}
html.dark .glass,body.dark .glass{box-shadow:inset 0 1px 0 rgba(255,255,255,.07),0 1px 2px rgba(0,0,0,.3),0 18px 44px -22px rgba(0,0,0,.6)}
.bloco{padding:18px 16px;margin:14px 0}
.bloco h2{display:flex;align-items:center;gap:9px;font-size:1.06rem;font-weight:800;letter-spacing:-.01em;margin-bottom:12px}
.bloco h2::before{content:"";width:4px;height:15px;border-radius:2px;background:var(--grad-cta);flex:0 0 4px}
.ctafim h2{justify-content:center}
/* ---- chips ---- */
.chips{display:flex;flex-wrap:wrap;gap:8px}
.chip{display:inline-flex;align-items:center;min-height:44px;padding:8px 15px;border:1px solid var(--bord);border-radius:999px;background:var(--card);font-size:.87rem;color:var(--ouro);font-weight:700;cursor:pointer;font-family:inherit;transition:border-color .18s,background .18s,transform .18s,box-shadow .18s}
.chip:hover{border-color:var(--bord2);transform:translateY(-1px);box-shadow:0 4px 10px -6px rgba(110,65,2,.35)}
.chip[aria-pressed="true"]{background:var(--grad-cta);color:#FFFFFF;border-color:transparent}
html.dark .chip,body.dark .chip{background:#1B1C21;color:#E9A930}
html.dark .chip[aria-pressed="true"],body.dark .chip[aria-pressed="true"]{background:var(--grad-cta);color:#FFFFFF;border-color:transparent}
/* ---- tira de lojas (carrossel com snap) ---- */
.lojinhas{display:flex;gap:10px;overflow-x:auto;padding:2px 28px 10px 2px;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scroll-snap-type:x proximity;-webkit-mask-image:linear-gradient(90deg,#000 92%,transparent);mask-image:linear-gradient(90deg,#000 92%,transparent)}
.lojinha{flex:0 0 auto;scroll-snap-align:start;display:flex;align-items:center;gap:10px;padding:8px 16px 8px 8px;border:1px solid var(--bord);border-radius:999px;background:var(--card);color:var(--ink);min-height:56px;box-shadow:var(--sombra)}
.lojinha{transition:border-color .18s,transform .18s,box-shadow .18s}
.lojinha:hover{border-color:var(--bord2);color:var(--ink);transform:translateY(-1px);box-shadow:0 8px 18px -10px rgba(110,65,2,.35)}
.lojinha img{width:40px;height:40px;border-radius:50%;object-fit:cover;background:var(--bg2)}
.lojinha .lnome{font-weight:700;font-size:.88rem;line-height:1.25;white-space:nowrap}
.lojinha .lcid{display:block;color:var(--mut);font-weight:500;font-size:.74rem}
/* ---- grade de anuncios ---- */
.gradecards{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:12px}
.cardl{display:flex;flex-direction:column;background:var(--card);border:1px solid var(--bord);border-radius:16px;overflow:hidden;color:var(--ink);font-weight:400;transition:transform .18s,box-shadow .18s,border-color .18s;cursor:pointer;position:relative;box-shadow:inset 0 1px 0 rgba(255,255,255,.6),var(--sombra);animation:cardin .45s ease backwards}
.gradecards .cardl:nth-child(1){animation-delay:.02s}.gradecards .cardl:nth-child(2){animation-delay:.06s}.gradecards .cardl:nth-child(3){animation-delay:.1s}.gradecards .cardl:nth-child(4){animation-delay:.14s}.gradecards .cardl:nth-child(5){animation-delay:.18s}.gradecards .cardl:nth-child(6){animation-delay:.22s}
@keyframes cardin{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
.cardl:hover{transform:translateY(-2px);box-shadow:var(--sombra2);border-color:var(--bord2);color:var(--ink)}
.cfoto{aspect-ratio:4/3;background:linear-gradient(145deg,var(--bg2),var(--bg));display:flex;align-items:center;justify-content:center;overflow:hidden}
.cfoto img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .35s ease}
.cardl:hover .cfoto img{transform:scale(1.045)}
.cfoto svg{width:30px;height:30px;stroke:#B98A2C;fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;opacity:.7}
.cbody{display:flex;flex-direction:column;flex:1;padding:11px 12px 12px}
.ctit{font-weight:800;font-size:.91rem;line-height:1.32;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.cloc{color:var(--mut);font-size:.76rem;margin-top:3px}
.cdesc{display:none;color:var(--mut);font-size:.87rem;line-height:1.5;margin-top:8px;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.cver{margin-top:auto;padding-top:10px;font-weight:800;color:var(--ouro);font-size:.85rem}
.parc{display:inline-block;margin-top:6px;font-size:.68rem;font-weight:800;padding:2px 9px;border-radius:999px;background:rgba(233,169,48,.14);color:#7A5200;border:1px solid rgba(168,99,5,.4);width:fit-content}
html.dark .parc,body.dark .parc{background:rgba(233,169,48,.15);color:#E9A930;border-color:rgba(233,169,48,.4)}
.estado{padding:26px 16px;text-align:center;color:var(--mut);grid-column:1/-1}
.estado b{color:var(--ink)}
.maisrow{display:flex;justify-content:center;margin:16px 0 2px}
/* ---- esqueleto de carregamento ---- */
.skel{border-radius:16px;border:1px solid var(--bord);background:var(--card);overflow:hidden}
.skel .sk1{aspect-ratio:4/3;background:linear-gradient(100deg,var(--bg2) 40%,var(--bg) 50%,var(--bg2) 60%);background-size:200% 100%;animation:sk 1.2s linear infinite}
.skel .sk2{height:13px;margin:12px 12px 8px;border-radius:7px;background:var(--bg2)}
.skel .sk3{height:10px;margin:0 12px 14px;width:55%;border-radius:6px;background:var(--bg2)}
@keyframes sk{from{background-position:180% 0}to{background-position:-20% 0}}
/* ---- CTA final ---- */
.ctafim{text-align:center}
.ctafim p{color:var(--mut);max-width:56ch;margin:6px auto 16px;font-size:.92rem}
/* ---- modal ficha (padrao totem) ---- */
.fmodal{position:fixed;inset:0;z-index:100;display:none;align-items:flex-end;justify-content:center}
.fmodal.open{display:flex}
.fmodal-ov{position:absolute;inset:0;background:rgba(20,14,4,.55);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}
.fmodal-box{position:relative;z-index:1;width:100%;max-width:470px;max-height:90vh;overflow-y:auto;background:var(--glass2);border-radius:22px 22px 0 0;box-shadow:0 -12px 44px rgba(0,0,0,.4);animation:fmup .26s ease;-webkit-backdrop-filter:blur(22px) saturate(160%);backdrop-filter:blur(22px) saturate(160%);padding-bottom:env(safe-area-inset-bottom)}
@media(min-width:520px){.fmodal{align-items:center}.fmodal-box{border-radius:22px}}
@keyframes fmup{from{transform:translateY(28px);opacity:.5}to{transform:none;opacity:1}}
.fm-hd{position:relative;padding:16px 16px 13px;border-bottom:1px solid var(--bord)}
.fm-close{position:absolute;top:12px;right:14px;width:38px;height:38px;border-radius:50%;background:rgba(0,0,0,.05);border:1px solid var(--bord);font-size:22px;line-height:1;cursor:pointer;color:var(--mut);display:flex;align-items:center;justify-content:center;font-family:inherit}
html.dark .fm-close,body.dark .fm-close{background:rgba(255,255,255,.06)}
.fm-ava{width:60px;height:60px;border-radius:15px;background:var(--bg2) center/cover no-repeat;border:1px solid var(--bord);margin-bottom:10px;display:flex;align-items:center;justify-content:center;font-size:28px}
.fm-tit{font-size:19px;font-weight:800;letter-spacing:-.3px;line-height:1.2;color:var(--ink);padding-right:44px}
.fm-chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:9px}
.fm-chip{display:inline-flex;align-items:center;gap:4px;font-size:12px;font-weight:700;padding:4px 10px;border-radius:999px;background:rgba(138,94,4,.07);border:1px solid var(--bord);color:var(--mut)}
.fm-chip svg{width:12px;height:12px}
.fm-chip.fm-wac{background:rgba(14,107,61,.12);color:#0E6B3D;border-color:transparent}
html.dark .fm-chip.fm-wac,body.dark .fm-chip.fm-wac{background:rgba(31,168,85,.18);color:#4ECB71}
.fm-bd{padding:14px 16px 18px}
.fm-cta{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:52px;border-radius:14px;border:0;background:var(--grad-cta);color:#FFFFFF;font-size:15.5px;font-weight:800;cursor:pointer;font-family:inherit;text-decoration:none;letter-spacing:.2px}
.fm-cta:hover{filter:brightness(1.07);color:#FFFFFF}
.fm-cta.fm-cta-ok{background:#1FA855}
.fm-gate{background:rgba(138,94,4,.06);border:1px solid var(--bord2);border-radius:14px;padding:14px;text-align:center}
html.dark .fm-gate,body.dark .fm-gate{background:rgba(233,169,48,.08)}
.fm-gate b{display:block;color:var(--ouro);font-size:15px}
.fm-gate p{color:var(--mut);font-size:13px;margin:4px 0 12px}
.fm-acts{display:flex;gap:8px;margin-top:10px}
.fm-act{flex:1;min-height:46px;border-radius:12px;border:1px solid var(--bord);background:var(--card);color:var(--ouro);font-weight:700;font-size:13.5px;cursor:pointer;font-family:inherit}
.fm-act:hover{border-color:var(--bord2)}
.fm-mapa{display:flex;align-items:center;justify-content:center;gap:6px;flex:1;min-height:46px;border-radius:12px;border:1px solid var(--bord);background:var(--card);color:var(--ouro);font-weight:700;font-size:13.5px;cursor:pointer;font-family:inherit;text-decoration:none}
.fm-mapa:hover{border-color:var(--bord2);color:var(--ouro)}
.fm-sobre{margin-top:15px}
.fm-sobre h4{font-size:11.5px;text-transform:uppercase;letter-spacing:.06em;color:var(--ouro);margin-bottom:5px}
.fm-sobre p{font-size:14px;color:var(--ink);line-height:1.5}
/* ---- rodape ---- */
footer{border-top:1px solid var(--bord);margin-top:28px;padding:22px 0 calc(30px + env(safe-area-inset-bottom));color:var(--mut);font-size:.85rem;background:linear-gradient(180deg,rgba(138,94,4,.035),transparent 46%),var(--glass)}
footer a{padding:12px 4px;margin:-12px -4px;border-radius:8px}
.flinks{display:flex;gap:16px;flex-wrap:wrap;margin-bottom:12px}
.zfamilia{display:flex;flex-wrap:wrap;gap:7px;justify-content:center;padding:14px 0 4px;margin:0 auto}
.zfamilia a{font-size:.76rem;font-weight:700;color:var(--ouro);border:1px solid var(--bord);border-radius:999px;padding:8px 13px;background:var(--card);text-decoration:none;transition:border-color .18s ease}
.zfamilia a:hover{border-color:var(--bord2)}
.zfamilia a.zfon{background:var(--grad-cta);color:#FFFFFF;border-color:transparent}
.zcnpj{display:flex;align-items:center;justify-content:center;gap:8px;font-size:.74rem;color:var(--mut);padding:12px 16px 4px;text-align:center}
.zcnpj svg{width:14px;height:14px;stroke:#1F7A43;stroke-width:2.2;fill:none;flex:0 0 14px}
html.dark .zcnpj svg,body.dark .zcnpj svg{stroke:#4ECB71}
.aviso{font-size:.76rem;max-width:760px;color:var(--mut);line-height:1.55}
/* ---- voltar ao topo ---- */
.topo019{position:fixed;right:16px;bottom:calc(16px + env(safe-area-inset-bottom));z-index:80;width:46px;height:46px;border-radius:50%;border:1px solid var(--bord2);background:var(--glass2);-webkit-backdrop-filter:blur(10px) saturate(160%);backdrop-filter:blur(10px) saturate(160%);color:var(--ouro);cursor:pointer;display:none;align-items:center;justify-content:center;font-size:1.15rem;font-weight:800;font-family:inherit;box-shadow:var(--sombra2)}
.topo019.on{display:flex}
.topo019{transition:transform .18s,box-shadow .18s}
.topo019:hover{transform:translateY(-2px)}
/* ---- atalho de teclado ---- */
.pular019{position:fixed;left:-9999px;top:10px;z-index:100;background:var(--grad-cta);color:#FFFFFF;font-weight:800;padding:12px 18px;border-radius:12px;text-decoration:none}
.pular019:focus-visible{left:10px;outline:3px solid rgba(138,94,4,.55);outline-offset:2px}
/* ---- reveal ---- */
.js-anim .rev{opacity:0;transform:translateY(16px);transition:opacity .5s ease,transform .5s ease}
.js-anim .rev.on{opacity:1;transform:none}
/* ---- foco de teclado ---- */
.btn:focus-visible,.chip:focus-visible,.dftema:focus-visible,.volt:focus-visible,.navtop a:focus-visible,.dfbusca button:focus-visible,.cardl:focus-visible,.fm-close:focus-visible,.fm-act:focus-visible,.fm-cta:focus-visible,.fm-mapa:focus-visible,.topo019:focus-visible,.lojinha:focus-visible,.zfamilia a:focus-visible{outline:3px solid rgba(138,94,4,.55);outline-offset:2px}
html.dark .btn:focus-visible,body.dark .btn:focus-visible,html.dark .chip:focus-visible,body.dark .chip:focus-visible,html.dark .cardl:focus-visible,body.dark .cardl:focus-visible{outline-color:rgba(233,169,48,.6)}
/* ---- telas maiores ---- */
@media(min-width:560px){
  .gradecards{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:14px}
  .cfoto{aspect-ratio:16/9}
  .cdesc{display:-webkit-box}
  .ctit{font-size:1rem}
  .so-food{display:inline}
  .bloco{padding:22px 20px}
  .dfbusca button{padding:0 22px}
  .dfnums b{font-size:1.05rem}
  .dfnums span{font-size:.72rem}
  .dfpainel{padding:14px}
  .hero{padding:22px 0 4px}
  .hero p{font-size:1rem}
}
@media(min-width:900px){
  .herogrid{grid-template-columns:minmax(0,1.05fr) minmax(340px,.95fr);align-items:center;gap:28px}
  .eyebrow{display:inline-block;margin-bottom:10px}
  .hero{padding:34px 0 8px}
  .hero p{font-size:1.02rem}
  .bloco{padding:26px 24px;margin:18px 0}
  .bloco h2{font-size:1.2rem}
  .dfmiga{font-size:.82rem}
  .logo{font-size:1.1rem}
}
@media(max-width:359px){
  .navtop a{padding:0 10px;font-size:.8rem}
  .ctas{gap:8px}
  .btn{padding:0 14px;font-size:.9rem}
  .gradecards{grid-template-columns:1fr}
  .cfoto{aspect-ratio:16/9}
}
/* ---- preferencias do sistema ---- */
@media(prefers-reduced-motion:reduce){
  *,:before,:after{animation:none !important;transition:none !important}
  .rev{opacity:1;transform:none}
  .btn-p::after{display:none}
}
@media(prefers-reduced-transparency:reduce){
  .glass,.dfpainel,.btn-s,header,.fmodal-box,.topo019{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;background:#FFFFFF!important}
  html.dark .glass,body.dark .glass,html.dark .dfpainel,body.dark .dfpainel,html.dark .btn-s,body.dark .btn-s,html.dark header,body.dark header,html.dark .fmodal-box,body.dark .fmodal-box,html.dark .topo019,body.dark .topo019{background:#17181C!important}
}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){
  .glass,.dfpainel,.btn-s{background:rgba(255,255,255,.94)}
  header{background:rgba(251,250,247,.97)}
  .fmodal-box{background:#FFFFFF}
  html.dark .glass,body.dark .glass,html.dark .dfpainel,body.dark .dfpainel,html.dark .btn-s,body.dark .btn-s{background:rgba(24,24,28,.96)}
  html.dark header,body.dark header{background:rgba(11,11,13,.97)}
  html.dark .fmodal-box,body.dark .fmodal-box{background:#17181C}
}
/* delivanun: bloco eixo0812 */
/* EIXO0812 v1.0 - 12/08/2026 - sessao 019food-desktop-0812, voto V7=A do Rafael.
   Leva para esta pagina APENAS o que foi votado: o eixo unico de 1080px (voto V1=C) e a
   blindagem de largura. NAO mexe em cor, componente, card, texto, JS nem no rodape:
   .g19-linhas segue em 900px, que e o padrao medido em todas as rotas do APP019.
   Rollback = remover este bloco inteiro. */
:root{--eixo019:1080px}
.wrap,.migalha019,.zfamilia{max-width:var(--eixo019)}
html{overflow-x:clip}
img,svg,video,iframe{max-width:100%}
/* delivanun: bloco shell0916 */
/* SHELL0916 v2 16/09 (user-c2, ordem do Rafael: o site pisca e deforma ao carregar): casca critica do APP019 ANTES do 1.o desenho - as familias antigas de cabecalho nunca aparecem, o lugar do cabecalho universal fica reservado (o topo019 troca a reserva pelo cabecalho no mesmo passo) e o rodape institucional nao sai duplicado. Rollback: apagar este bloco, a div data-shell0916 e a tag do topo019 data-shell0916. */.a19hdbar,#a19mnu,div[style*="#150f08"],div[style*="rgb(21, 15, 8)"],header.h019,header.a19top,header.htopo,header.g19-header,header.goldbar,header.uni-hdr,header.m019,header.hd019,header.a19lc-hd,.a19lc-hd,header.gb,header.t19-aposentado,.drawer#drawer,#ovl.ovl:empty{display:none!important}:root{--a19-top-safe:env(safe-area-inset-top,0px);--a19-top-min:0px;--a19-top:max(var(--a19-top-safe),var(--a19-top-min))}@media (max-width:899px),(hover:none),(pointer:coarse){:root{--a19-top-min:6px}}html.in-app019{--a19-top-min:24px}html.a19-no-topsafe{--a19-top:0px}.t19-reserva{display:block;height:calc(129px + var(--a19-top));background:#fff}@media (min-width:900px){.t19-reserva{height:calc(103px + var(--a19-top))}}html.a19-no-topo019 .t19-reserva,html.app019-native-nav .t19-reserva{display:none}body:has(footer.g19-rodape) #c3info0829{display:none!important}