:root{--primary:#0b7a9e;--primary-active:#085f7c;--primary-disabled:#d9d3c4;--primary-soft:#d4eef3;--accent:#f28c28;--accent-active:#c96a0c;--accent-soft:#fde5cc;--on-accent:#0a0a0a;--on-primary:#fff;--ink:#0a0a0a;--body-strong:#1d2327;--body:#2b3338;--muted:#5b666d;--muted-soft:#66717a;--border-strong:#757f86;--hairline:#ddd5c3;--hairline-soft:#e8e2d3;--canvas:#fbf9f4;--surface-soft:#f4f0e6;--surface-card:#ece6d8;--surface-strong:#e2dac8;--surface-dark:#0b1a22;--surface-dark-elevated:#123040;--surface-dark-soft:#0f232d;--on-dark:#f4f1ea;--on-dark-soft:#a3b2ba;--success:#2f7d4f;--warning:#8a5a00;--error:#b3382c;--focus-ring:#0b7a9e;--font-display:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--space-xxs:4px;--space-xs:8px;--space-sm:12px;--space-md:16px;--space-lg:24px;--space-xl:32px;--space-xxl:48px;--space-section:96px;--radius-xs:4px;--radius-sm:8px;--radius-md:12px;--radius-lg:20px;--radius-xl:28px;--radius-pill:9999px;--shadow-soft:0 1px 3px #0a0a0a1a}[data-theme=dark]{--primary:#3fc1d9;--primary-active:#7fd8e8;--primary-disabled:#234656;--primary-soft:#12404d;--accent:#ff9f43;--accent-active:#ffb870;--accent-soft:#4a2c12;--on-primary:#0a0a0a;--ink:#f4f1ea;--body-strong:#e6e3dc;--body:#cfd6da;--muted:#a3b2ba;--muted-soft:#8fa0aa;--border-strong:#6b8794;--hairline:#234656;--hairline-soft:#1a3745;--canvas:#0b1a22;--surface-soft:#0f232d;--surface-card:#123040;--surface-strong:#194052;--surface-dark:#06131a;--success:#5fcf8a;--warning:#e8b04a;--error:#ff8a7a;--focus-ring:#7fd8e8;--shadow-soft:0 1px 3px #00000080}.display-xl{font:800 64px/1.05 var(--font-display);letter-spacing:-3px}.display-lg{font:800 48px/1.1 var(--font-display);letter-spacing:-2px}.display-md{font:700 36px/1.15 var(--font-display);letter-spacing:-1.5px}.display-sm{font:700 28px/1.2 var(--font-display);letter-spacing:-1px}.title-lg{font:600 22px/1.3 var(--font-sans)}.title-md{font:600 18px/1.4 var(--font-sans)}.title-sm{font:600 16px/1.4 var(--font-sans)}.body-md{font:400 16px/1.55 var(--font-sans)}.body-sm{font:400 14px/1.55 var(--font-sans)}.caption{font:500 13px/1.4 var(--font-sans)}.caption-uppercase{font:600 12px/1.4 var(--font-sans);letter-spacing:1.5px;text-transform:uppercase}:focus-visible{outline:3px solid var(--focus-ring);outline-offset:2px}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}body{background:var(--canvas);color:var(--body);font:400 16px/1.55 var(--font-sans);-webkit-font-smoothing:antialiased;margin:0}body:has(dialog[open]){overflow:hidden}h1,h2,h3,p,ul,figure{margin:0}ul{padding:0;list-style:none}img,svg{max-width:100%;display:block}a{color:var(--primary)}button{font:inherit;color:inherit;cursor:pointer}[hidden]{display:none!important}.sr{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.container{width:100%;max-width:760px;margin-inline:auto;padding-inline:20px}.topo{background:var(--canvas)}.topo__linha{align-items:center;gap:var(--space-md);height:68px;display:flex}.logo{flex:none;align-items:center;min-height:44px;display:inline-flex}.logo img{width:auto;height:32px}.busca{color:var(--muted);flex:1;display:block;position:relative}.busca svg{pointer-events:none;position:absolute;top:50%;left:14px;translate:0 -50%}.busca input{border:1px solid var(--border-strong);border-radius:var(--radius-pill);background:var(--canvas);width:100%;height:44px;color:var(--ink);font:400 16px/1 var(--font-sans);appearance:none;padding:0 16px 0 42px}.busca input::placeholder{color:var(--muted)}.busca input::-webkit-search-cancel-button{appearance:none}.abas{z-index:20;background:var(--canvas);border-bottom:1px solid var(--hairline);position:sticky;top:0}.abas__lista{gap:var(--space-xs);padding-block:var(--space-sm);scrollbar-width:none;scroll-snap-type:x proximity;display:flex;overflow-x:auto}.abas__lista::-webkit-scrollbar{display:none}.aba{min-height:40px;padding:0 var(--space-md);border-radius:var(--radius-pill);background:var(--surface-soft);color:var(--ink);font:600 14px/1 var(--font-sans);white-space:nowrap;scroll-snap-align:center;flex:none;align-items:center;text-decoration:none;display:inline-flex}.aba[aria-current=true]{background:var(--primary);color:var(--on-primary)}.cat,.favoritos{padding-top:var(--space-lg);scroll-margin-top:64px}.cat__titulo{font:800 24px/1.2 var(--font-display);letter-spacing:-.03em;color:var(--ink);margin-bottom:var(--space-xs)}.favoritos__lista{gap:var(--space-sm);padding:var(--space-xs) 20px var(--space-xs);scroll-snap-type:x proximity;scrollbar-width:none;margin-inline:-20px;display:flex;overflow-x:auto}.favoritos__lista::-webkit-scrollbar{display:none}.favoritos__lista li{scroll-snap-align:start;flex:none}.fav{text-align:left;background:0 0;border:0;flex-direction:column;gap:2px;width:160px;padding:0;display:flex}.fav__img{object-fit:cover;border-radius:var(--radius-lg);background:var(--surface-card);width:160px;height:160px;margin-bottom:var(--space-xs)}.fav__nome{font:600 15px/1.3 var(--font-sans);color:var(--ink);-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.fav__preco{font:500 14px/1.3 var(--font-sans);color:var(--muted)}.item+.item{border-top:1px solid var(--hairline-soft)}.card{justify-content:space-between;align-items:flex-start;gap:var(--space-md);width:100%;padding:var(--space-md) 0;text-align:left;background:0 0;border:0;display:flex}.card:active{opacity:.7}.card__txt{flex-direction:column;gap:4px;min-width:0;display:flex}.card__nome{font:600 16px/1.35 var(--font-sans);color:var(--ink)}.card__desc{font:400 14px/1.45 var(--font-sans);color:var(--muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.card__preco{font:700 15px/1.3 var(--font-sans);color:var(--ink);margin-top:2px}.card__preco small{font:400 13px/1 var(--font-sans);color:var(--muted)}.card__img{object-fit:cover;border-radius:var(--radius-md);background:var(--surface-card);flex:none;width:104px;height:104px}.card__img--vazia{display:block}.vazio{padding:var(--space-xxl) 0;text-align:center;color:var(--muted)}.rodape{margin-top:var(--space-xxl);padding-block:var(--space-xl);background:var(--surface-dark);color:var(--on-dark-soft);font:400 14px/1.6 var(--font-sans);text-align:center}.rodape a{color:var(--on-dark)}.nf{text-align:center;padding-block:96px}.nf h1{font:800 32px/1.1 var(--font-display);letter-spacing:-.03em;color:var(--ink);margin-bottom:var(--space-md)}.sheet{border-radius:var(--radius-lg) var(--radius-lg) 0 0;background:var(--canvas);width:100%;max-width:520px;max-height:90dvh;color:var(--body);overscroll-behavior:contain;border:0;margin:auto auto 0;padding:0;overflow:auto}.sheet::backdrop{background:#0b1a2299}@media (width>=600px){.sheet{border-radius:var(--radius-lg);margin:auto}}.sheet[open]{animation:.2s ease-out sobe}.sheet[open]::backdrop{animation:.2s ease-out fade}@keyframes sobe{0%{opacity:0;transform:translateY(24px)}}@keyframes fade{0%{opacity:0}}@media (prefers-reduced-motion:reduce){.sheet[open],.sheet[open]::backdrop{animation:none}}.sheet__x{top:var(--space-sm);float:right;margin:var(--space-sm) var(--space-sm) 0 0;z-index:2;background:var(--surface-dark);width:44px;height:44px;color:var(--on-dark);border:0;border-radius:50%;place-items:center;display:grid;position:sticky}.sheet form{height:0}.sheet__img{aspect-ratio:4/3;object-fit:cover;background:var(--surface-card);width:100%;max-height:42dvh}.sheet__txt{padding:var(--space-lg) 20px calc(var(--space-xl) + env(safe-area-inset-bottom))}.sheet__nome{font:800 26px/1.15 var(--font-display);letter-spacing:-.03em;color:var(--ink)}.sheet__desc{margin-top:var(--space-sm);color:var(--body)}.vars{margin-top:var(--space-md);border-top:1px solid var(--hairline-soft)}.vars li{justify-content:space-between;gap:var(--space-md);padding:var(--space-sm) 0;border-bottom:1px solid var(--hairline-soft);display:flex}.vars strong{color:var(--ink);flex:none;font-weight:700}.opc{margin-top:var(--space-lg)}.opc h3{justify-content:space-between;align-items:baseline;gap:var(--space-sm);font:700 16px/1.3 var(--font-sans);color:var(--ink);display:flex}.opc h3 span{font:500 13px/1 var(--font-sans);color:var(--muted)}.opc .vars{margin-top:var(--space-xs)}.card--off .card__nome,.card--off .card__desc,.card--off .card__img{opacity:.5}.sheet__off{margin-top:var(--space-sm);font:600 14px/1.4 var(--font-sans);color:var(--error)}
