/* E05 — Balcão em blocos. Grade bento. --brand = bloco de cor/placas, --brand-ink = blocos escuros/texto, --brand2 = fundo. */
:root{--bg:var(--brand2,#f5efe6);--ink:var(--brand-ink);--muted:#6a6168;--surface:#fff;--line:rgba(0,0,0,.08);--accent:var(--brand);--accent-ink:#fff;
  --font-display:'Bricolage Grotesque',system-ui,sans-serif;--font-body:'Bricolage Grotesque',system-ui,sans-serif;--display-weight:800;
  --wa-bg:#1f8a4c;--wa-ink:#fff;--wa-hover:#18703d;--btn-radius:999px;--r:26px;--gap:14px;
  --header-bg:var(--bg);--header-ink:var(--brand-ink)}
body{background:var(--bg)}
h1,h2,h3{letter-spacing:-.02em}
.e5-header{background:color-mix(in srgb,var(--bg) 92%,transparent);backdrop-filter:blur(8px)}
.e5-header .brand{gap:10px}
.e5-mark{width:28px;height:28px;border-radius:7px}
.e5-word{font:800 1.5rem/1 var(--font-display);letter-spacing:-.03em}
.e5-header .site-nav a{font-weight:600}
@media (min-width:881px){.e5-header .site-nav ul{background:#fff;border-radius:999px;padding:4px 6px;gap:2px}.e5-header .site-nav a{padding:.45em .9em;border-radius:999px}.e5-header .site-nav a:hover{background:var(--bg);text-decoration:none}}
.e5-grid{display:grid;gap:var(--gap);grid-template-columns:1fr}
@media (min-width:700px){.e5-grid{grid-template-columns:repeat(6,1fr)}}
@media (min-width:1040px){.e5-grid{grid-template-columns:repeat(12,1fr)}}
.e5-b{border-radius:var(--r);background:var(--surface);padding:26px;margin:0;position:relative;overflow:hidden}
.e5-ph{padding:0;background:#ddd}
.e5-ph img{width:100%;height:100%;object-fit:cover;aspect-ratio:4/3}
@media (min-width:700px){.e5-ph img{aspect-ratio:auto;min-height:100%}}
.e5-kicker{font-weight:700;font-size:.78rem;letter-spacing:.14em;text-transform:uppercase;color:var(--brand);margin:0 0 .6em;display:flex;gap:.6em;align-items:center;flex-wrap:wrap}
.e5-sec{padding:28px 0}
.e5-head{max-width:720px;margin:0 0 18px;padding:0 4px}
.e5-head h2{font-size:clamp(2rem,4.6vw,3.2rem);line-height:1}
.e5-head p:not(.e5-kicker){color:var(--muted)}
.e5-num{font:800 1rem var(--font-display);display:inline-grid;place-items:center;min-width:40px;height:40px;border-radius:12px;background:var(--bg);color:var(--brand)}
/* hero */
.e5-hero{padding:18px 0 28px}
.e5-hero-main{background:var(--brand);color:#fff;padding:34px 28px;display:flex;flex-direction:column;justify-content:flex-end;min-height:420px}
.e5-eyebrow{font-weight:700;font-size:.8rem;letter-spacing:.14em;text-transform:uppercase;opacity:.9}
.e5-hero h1{font-size:clamp(2.5rem,6vw,4.8rem);line-height:.95;margin:.15em 0 .3em;max-width:13ch}
.e5-lead{opacity:.92;max-width:36em}
.e5-hero .btn-wa{background:#fff;color:var(--brand-ink)}
.e5-hero .btn-wa:hover{background:#f1f1f1}
.e5-hero .btn-ghost{color:#fff;border-color:rgba(255,255,255,.6)}
.e5-hero .open-badge{color:#fff}
.e5-hero-ph img{aspect-ratio:3/4}
.e5-chips{list-style:none;display:grid;gap:var(--gap);grid-template-columns:1fr 1fr;margin:0;padding:0}
.e5-chip{font:700 1.05rem/1.2 var(--font-display);padding:20px 22px;display:flex;align-items:flex-end;min-height:90px}
.e5-chip-1{background:var(--brand-ink);color:#fff}
.e5-chip-2{background:#fff}
.e5-chip-3{background:transparent;border:2px solid var(--brand-ink)}
@media (min-width:700px){.e5-hero-main{grid-column:span 6}.e5-hero-ph{grid-column:span 3}.e5-chips{grid-column:span 3;grid-template-columns:1fr}}
@media (min-width:1040px){.e5-hero-main{grid-column:1/span 7;grid-row:1/span 2;min-height:560px;padding:48px 44px}.e5-hero-ph{grid-column:8/span 5;grid-row:1}.e5-chips{grid-column:8/span 5;grid-row:2;grid-template-columns:1fr 1fr}.e5-hero-ph img{aspect-ratio:16/10}}
/* destaques */
.e5-feats{list-style:none;padding:0;margin:0}
.e5-feat h3{font-size:1.3rem;margin:.7em 0 .3em}
.e5-feat p{color:var(--muted);margin:0}
.e5-feat-2{background:var(--brand-ink);color:#fff}.e5-feat-2 p{color:rgba(255,255,255,.75)}.e5-feat-2 .e5-num{background:rgba(255,255,255,.12);color:#fff}
.e5-feat-ph{padding:0}.e5-feat-ph figure{margin:0;height:100%}
@media (min-width:700px){.e5-feat{grid-column:span 3}.e5-feat-ph{grid-column:span 6}}
@media (min-width:1040px){.e5-feat{grid-column:span 3}.e5-feat-1,.e5-feat-2{grid-column:span 3}.e5-feat-ph{grid-column:span 6;grid-row:span 2}.e5-feat-3,.e5-feat-4{grid-column:span 3}
  .e5-feats{grid-auto-flow:dense}}
/* cardápio em placas */
.e5-boards{align-items:start}
.e5-board{background:var(--brand);color:#fff;padding:26px 24px 22px;box-shadow:inset 0 0 0 6px rgba(0,0,0,.08)}
.e5-board h3{font:800 .82rem/1 var(--font-body);letter-spacing:.14em;text-transform:uppercase;display:flex;gap:.6em;align-items:center;flex-wrap:wrap;margin-bottom:14px}
.e5-board h3 .sim-tag{color:#fff;border-color:rgba(255,255,255,.6)}
.e5-board ul{list-style:none;margin:0;padding:0}
.e5-board li{display:grid;grid-template-columns:1fr auto;gap:0 12px;padding:8px 0;border-top:1px solid rgba(255,255,255,.22)}
.e5-dish{font:italic 400 1.55rem/1.1 'Instrument Serif',Georgia,serif}
.e5-dish-price{font-weight:700;font-size:.95rem;align-self:center;white-space:nowrap}
.e5-dish-desc{grid-column:1/-1;font-size:.85rem;opacity:.8}
.e5-board .menu-note{color:rgba(255,255,255,.85);font-size:.85rem}
.e5-notice{background:#fff8d6;border:0;color:#3a3000}
.e5-notice .btn{margin-top:14px}
.e5-amb{padding:0;min-height:220px;background:var(--brand-ink)}
.e5-amb .amb{position:absolute;inset:0}
@media (min-width:700px){.e5-board{grid-column:span 3}.e5-notice{grid-column:span 6}.e5-amb{grid-column:span 6}}
@media (min-width:1040px){.e5-notice{grid-column:span 4}.e5-board{grid-column:span 4}.e5-amb{grid-column:span 4;align-self:stretch}}
.e5-board:nth-of-type(even){background:var(--brand-ink)}
/* sobre */
.e5-about h2{font-size:clamp(1.9rem,4vw,2.8rem)}
.e5-about p:not(.e5-kicker){color:var(--muted)}
.e5-quote{background:var(--brand-ink);color:#fff;display:flex;align-items:flex-end}
.e5-quote p{font:italic 400 clamp(1.7rem,3vw,2.4rem)/1.1 'Instrument Serif',Georgia,serif;margin:0}
@media (min-width:700px){.e5-about{grid-column:span 6}.e5-about-ph{grid-column:span 3}.e5-quote{grid-column:span 3}}
@media (min-width:1040px){.e5-about{grid-column:1/span 7;grid-row:1;padding:40px}.e5-about-ph{grid-column:8/span 5;grid-row:1/span 2}.e5-about-ph img{aspect-ratio:auto;height:100%;min-height:0;position:absolute;inset:0}.e5-quote{grid-column:1/span 7;grid-row:2}}
/* visita / pedidos */
.e5-ent-main{background:var(--brand-ink);color:#fff}
.e5-ent-main h2{font-size:clamp(1.9rem,4vw,2.8rem)}
.e5-ent-main p:not(.e5-kicker){color:rgba(255,255,255,.8)}
.e5-ent-main .order-links{margin-top:16px}
.e5-kv div{padding:10px 0;border-top:1px solid var(--line)}.e5-kv div:first-child{border-top:0}
.e5-kv dt{font-weight:700}.e5-kv dd{margin:0;color:var(--muted)}
.e5-steps{list-style:none;margin:0;padding:0;display:grid;gap:var(--gap)}
.e5-step{display:flex;gap:14px;align-items:flex-start}.e5-step p{margin:.5em 0 0}
@media (min-width:700px){.e5-ent-main{grid-column:span 6}.e5-kv,.e5-steps,.e5-ent-ph{grid-column:span 3}}
@media (min-width:1040px){.e5-ent-main{grid-column:span 6}.e5-kv{grid-column:span 3;display:flex;flex-direction:column;justify-content:flex-end}.e5-ent-ph{grid-column:span 3}.e5-ent-ph img{aspect-ratio:auto;position:absolute;inset:0;height:100%}.e5-steps{grid-column:1/-1;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}}
/* contato */
.e5-contact .ct-card{border-radius:var(--r);background:#fff;border:0;padding:26px}
.e5-contact .ct-addr{background:var(--brand);color:#fff}
.e5-contact .ct-addr p{font:800 1.5rem/1.15 var(--font-display)}
.e5-contact .ct-addr .text-link{color:#fff}
@media (min-width:700px){.e5-contact>*{grid-column:span 3}.e5-contact>.ct-card:last-child{grid-column:span 6}}
@media (min-width:1040px){.e5-contact>*{grid-column:span 4!important}}
/* avaliação */
.e5-review{display:grid;gap:18px;border:2px solid var(--brand-ink);background:transparent;padding:34px}
@media (min-width:900px){.e5-review{grid-template-columns:1fr 1fr;align-items:center;gap:48px;padding:44px}}
.e5-review h2{font-size:clamp(1.9rem,4vw,2.8rem);margin:0}
/* CTA */
.e5-cta{background:var(--brand-ink);color:#fff;min-height:340px;display:flex;align-items:flex-end;padding:0}
.e5-cta .amb{position:absolute;inset:0}
.e5-cta .amb::after{background:linear-gradient(0deg,rgba(20,14,18,.88),rgba(20,14,18,.45))}
.e5-cta-inner{position:relative;z-index:1;padding:40px 30px}
.e5-cta h2{font-size:clamp(2.2rem,5vw,3.8rem);line-height:1;max-width:16ch}
.e5-cta .btn-ghost{color:#fff;border-color:rgba(255,255,255,.6)}
/* rodapé */
.e5-footer{background:transparent;color:var(--ink);padding:30px 0 110px}
.e5-foot{display:grid;gap:20px;border-top:2px solid var(--brand-ink);padding-top:24px}
@media (min-width:900px){.e5-foot{grid-template-columns:1.2fr 1fr 1.2fr}}
.e5-footer .f-name{display:flex;gap:10px;align-items:center;font:800 1.2rem var(--font-display)}
.e5-footer p{color:var(--muted);font-size:.9rem;margin:0 0 .3em}
.e5-footer .f-links{display:flex;flex-wrap:wrap;gap:10px 16px;align-content:start}
.e5-footer .f-links a{color:var(--ink)}
.e5-amb .amb{bottom:0;height:auto}.e5-amb .amb::after{background:rgba(0,0,0,.15)}
@media (min-width:1040px){.e5-kv{justify-content:center}}
.e5-ent-main .app-link{color:var(--ink)}
.e5-ent-ph{align-self:stretch;min-height:260px}
@media (min-width:1040px){.e5-ent-ph{grid-row:1;min-height:0}}
@media (min-width:1040px){.e5-ent-ph{grid-column:-4/-1}}