/* E08 — Arcos da vitrine. --brand = acento (botões secundários, números, barbante), --brand-ink = texto, --brand2 = fundo. */
:root{--bg:var(--brand2,#f4ece1);--ink:var(--brand-ink);--muted:#6c5f55;--surface:#fffaf4;--line:rgba(0,0,0,.12);--accent:var(--brand);--accent-ink:#fff;
  --font-display:'Gloock',Georgia,serif;--font-body:'Figtree',system-ui,sans-serif;--display-weight:400;
  --wa-bg:#1f7a4a;--wa-ink:#fff;--wa-hover:#17613a;--btn-radius:999px;--header-bg:var(--bg);--header-ink:var(--brand-ink);--arch:999px 999px 18px 18px}
body{background:var(--bg)}
.e8-kicker{font-weight:700;font-size:.78rem;letter-spacing:.18em;text-transform:uppercase;color:var(--brand);margin:0 0 .6em;display:flex;gap:.6em;align-items:center;flex-wrap:wrap}
.e8-center{text-align:center;max-width:760px;margin:0 auto}
.e8-center .e8-kicker{justify-content:center}
/* cabeçalho com logo central */
.e8-header{background:var(--bg)}
.e8-head{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:76px}
.e8-logo{width:56px;height:56px;border-radius:50%;object-fit:cover}
.e8-word{font:400 1.6rem/1 var(--font-display)}
.e8-brand{display:flex;align-items:center;gap:10px}
@media (min-width:960px){
  .e8-head{display:grid;grid-template-columns:1fr auto 1fr;min-height:110px}
  .e8-nav{display:contents!important}
  .e8-nav ul{display:flex;gap:26px;list-style:none;margin:0;padding:0}
  .e8-nav-l{grid-column:1;grid-row:1;justify-content:flex-end;padding-right:40px!important}
  .e8-nav-r{grid-column:3;grid-row:1;justify-content:flex-start;padding-left:40px!important}
  .e8-nav a{font-weight:600;letter-spacing:.06em;text-transform:uppercase;font-size:.82rem;color:var(--ink)}
  .e8-brand{grid-column:2;grid-row:1}
  .e8-logo{width:84px;height:84px}
  .e8-head .header-cta{position:absolute;right:24px;top:50%;transform:translateY(-50%)}
  .e8-header{position:sticky}
  .e8-head{position:relative}
}
/* hero em arcos */
.e8-hero{padding:24px 0 50px}
.e8-arches{display:grid;grid-template-columns:1fr 1.5fr 1fr;gap:14px;align-items:end;max-width:1040px;margin:0 auto}
.e8-arch{margin:0;border-radius:var(--arch);overflow:hidden;background:#e7dccd}
.e8-arch img{width:100%;height:100%;object-fit:cover}
.e8-arch-main{aspect-ratio:3/4}
.e8-arch-s1{aspect-ratio:3/4;margin-bottom:60px}
.e8-arch-s2{aspect-ratio:3/4;margin-bottom:20px}
@media (max-width:640px){.e8-arches{grid-template-columns:.7fr 1.4fr .7fr;gap:8px}.e8-arch-s1{margin-bottom:30px}.e8-arch-s2{margin-bottom:10px}}
.e8-hero-text{text-align:center;max-width:820px;margin:28px auto 0}
.e8-eyebrow{font-weight:700;font-size:.8rem;letter-spacing:.18em;text-transform:uppercase;color:var(--brand)}
.e8-hero h1{font-size:clamp(2.4rem,5.6vw,4.6rem);line-height:1.02;margin:.15em 0 .35em}
.e8-lead{color:var(--muted);font-size:1.1rem}
.e8-hero .hero-ctas{justify-content:center}
.e8-hero .open-badge{justify-content:center}
.e8-chips{list-style:none;display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin:18px 0 0;padding:0}
.e8-chips li{border:1px solid var(--line);background:var(--surface);border-radius:999px;padding:.4em 1em;font-size:.85rem;font-weight:600}
/* seções */
.e8-sec{padding:64px 0}
.e8-sec h2{font-size:clamp(2rem,4.4vw,3.2rem);line-height:1.05}
/* trilho */
.e8-track{list-style:none;margin:24px 0 0;padding:6px max(20px,calc((100vw - 1160px)/2)) 18px;display:flex;gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin}
.e8-card{flex:0 0 min(78vw,300px);scroll-snap-align:start;background:var(--surface);border-radius:var(--arch);padding:56px 26px 28px;text-align:center;box-shadow:0 12px 30px rgba(60,30,10,.08)}
.e8-card:nth-child(even){background:var(--brand);color:#fff}
.e8-card:nth-child(even) p{color:rgba(255,255,255,.85)}
.e8-card-n{font:400 2.6rem/1 var(--font-display);color:var(--brand)}
.e8-card:nth-child(even) .e8-card-n{color:#fff}
.e8-card h3{font:700 1.2rem/1.2 var(--font-body);margin:.6em 0 .4em}
.e8-card p{color:var(--muted);margin:0}
/* sobre */
.e8-about{background:var(--surface)}
.e8-about-grid{display:grid;gap:34px;align-items:center}
@media (min-width:900px){.e8-about-grid{grid-template-columns:1fr 1fr;gap:70px}}
.e8-pair{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:14px}
.e8-pair .e8-arch{aspect-ratio:3/4}
.e8-arch-p2{margin-top:70px}
.e8-apoio{font:400 1.5rem/1.3 var(--font-display);color:var(--brand)}
/* etiquetas */
.e8-notice{max-width:760px;margin:22px auto 30px;text-align:left}
.e8-tags{display:grid;gap:26px 22px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:28px}
.e8-tag{position:relative;background:var(--surface);border:1px solid var(--line);border-radius:18px 18px 18px 18px;padding:44px 22px 20px;box-shadow:0 10px 24px rgba(60,30,10,.06);transform:rotate(-.6deg)}
.e8-tag:nth-child(even){transform:rotate(.7deg)}
.e8-tag::before{content:"";position:absolute;left:50%;top:-26px;width:2px;height:40px;background:var(--brand);transform:translateX(-50%) rotate(8deg);opacity:.7}
.e8-hole{position:absolute;left:50%;top:14px;width:14px;height:14px;border-radius:50%;background:var(--bg);border:2px solid var(--brand);transform:translateX(-50%)}
.e8-tag h3{font:400 1.45rem/1.1 var(--font-display);text-align:center;display:flex;justify-content:center;align-items:center;gap:.5em;flex-wrap:wrap;margin-bottom:10px}
.e8-tag ul{list-style:none;margin:0;padding:0}
.e8-tag li{padding:8px 0;border-top:1px dashed var(--line);display:flex;flex-direction:column}
.e8-dish{font-weight:700}
.e8-desc{font-size:.86rem;color:var(--muted)}
.e8-price{color:var(--brand);font-weight:700}
/* pedidos */
.e8-dots{list-style:none;margin:30px 0;padding:0;display:grid;gap:22px;position:relative;text-align:center}
@media (min-width:760px){.e8-dots{grid-template-columns:repeat(auto-fit,minmax(0,1fr))}.e8-dots::before{content:"";position:absolute;left:12%;right:12%;top:30px;border-top:2px dashed var(--brand);opacity:.5}}
.e8-dots li{position:relative}
.e8-dot{display:inline-grid;place-items:center;width:60px;height:60px;border-radius:50%;background:var(--brand);color:#fff;font:400 1.6rem var(--font-display);position:relative;box-shadow:0 0 0 8px var(--bg)}
.e8-dots p{margin:.8em 0 0}
.e8-kv{display:inline-block;text-align:left;margin:0 0 18px}
.e8-kv div{padding:10px 0;border-top:1px solid var(--line)}.e8-kv dt{font-weight:700}.e8-kv dd{margin:0;color:var(--muted)}
.e8-sec .order-links{justify-content:center}
/* selo */
.e8-review{background:var(--surface)}
.e8-review-grid{display:grid;gap:28px;align-items:center;justify-items:center;text-align:center}
@media (min-width:860px){.e8-review-grid{grid-template-columns:auto 1fr;justify-items:start;text-align:left;gap:56px;max-width:900px}}
.e8-seal{width:200px;height:200px;border-radius:50%;background:var(--brand);color:#fff;display:grid;place-items:center;padding:24px;text-align:center;box-shadow:inset 0 0 0 6px var(--brand),inset 0 0 0 8px rgba(255,255,255,.7)}
.e8-seal .selo{flex-direction:column;font:400 1.15rem/1.25 var(--font-display);color:#fff;margin:0}
.e8-seal .selo svg{width:30px;height:30px;color:#ffd166}
/* cartão-postal */
.e8-postcard{display:grid;gap:0;background:#fffdf9;border-radius:6px;box-shadow:0 18px 40px rgba(60,30,10,.12);margin-top:26px;padding:26px;position:relative;
  background-image:linear-gradient(90deg,transparent calc(50% - 1px),var(--line) calc(50% - 1px),var(--line) calc(50% + 1px),transparent calc(50% + 1px))}
@media (max-width:859px){.e8-postcard{background-image:none}}
@media (min-width:860px){.e8-postcard{grid-template-columns:1fr 1fr;gap:50px;padding:36px 40px}}
.e8-postcard .ct-card{background:transparent;border:0;padding:12px 0}
.e8-pc-right .ct-addr p{font:400 1.3rem/1.9 var(--font-display);background-image:repeating-linear-gradient(transparent 0 2.35rem,var(--line) 2.35rem calc(2.35rem + 1px))}
.e8-stamp{width:96px;height:112px;margin-left:auto;border:3px dotted var(--brand);padding:6px;display:grid;place-items:center;background:var(--bg);transform:rotate(4deg)}
.e8-stamp-img{width:100%;height:100%;object-fit:cover}
.e8-stamp-txt{font:400 1rem/1.1 var(--font-display);text-align:center}
/* CTA em arco */
.e8-cta{position:relative;overflow:hidden;border-radius:999px 999px 24px 24px;background:var(--brand-ink);color:#fff;min-height:440px;display:grid;place-items:end center;text-align:center;padding:0}
.e8-cta .amb{position:absolute;inset:0}
.e8-cta .amb::after{background:linear-gradient(0deg,rgba(30,18,10,.85),rgba(30,18,10,.35))}
.e8-cta-inner{position:relative;z-index:1;padding:120px 24px 48px;max-width:720px}
.e8-cta .hero-ctas{justify-content:center}
.e8-cta .btn-ghost{color:#fff;border-color:rgba(255,255,255,.6)}
.e8-footer{padding:30px 0 100px;background:transparent;color:var(--ink)}
.e8-footer p{margin:0 0 .35em;color:var(--muted);font-size:.9rem}.e8-footer .f-name{font:400 1.5rem var(--font-display);color:var(--ink)}
.e8-footer .f-links{display:flex;flex-wrap:wrap;gap:10px 18px;justify-content:center;margin:12px 0}
.e8-footer .f-links a{color:var(--ink)}
.e8-track{scroll-padding-inline:max(20px,calc((100vw - 1160px)/2))}
.e8-tags{display:flex;flex-wrap:wrap;justify-content:center}
.e8-tag{flex:1 1 280px;max-width:360px}
@media (min-width:1000px){.e8-tag{flex:0 1 calc((100% - 44px)/3);max-width:none}}
@media (min-width:960px){.e8-nav-r{padding-right:150px!important}.e8-nav ul{gap:22px}}