@import url('https://fonts.googleapis.com/css2?family=Barlow:ital,wght@0,400;0,500;0,600;0,700;0,800;1,400;1,700;1,800&display=swap');

/* Sunday Market (Andhika Pradana) — licenciada, hospedada junto do site.
   MAIÚSCULAS = versão com contorno · minúsculas = versão sólida */
@font-face{
  font-family:'SundayMarket';
  src:url('/assets/fontes/SundayMarket.woff2') format('woff2'),
      url('/assets/fontes/SundayMarket.ttf') format('truetype');
  font-weight:400;font-style:normal;font-display:swap;
}
@font-face{
  font-family:'SundayMarketScript';
  src:url('/assets/fontes/SundayMarket-Script.woff2') format('woff2'),
      url('/assets/fontes/SundayMarket-Script.ttf') format('truetype');
  font-weight:400;font-style:normal;font-display:swap;
}

/* ============ TOKENS ============ */
#k4-page{
  --preto:#0E0D0B;
  --preto-2:#17150F;
  --preto-3:#221E15;
  --amarelo:#FFB005;
  --amarelo-cl:#FFD028;
  --amarelo-esc:#C97F00;
  --creme:#F6EFE1;
  --creme-2:#EADFC9;
  --branco:#FFFFFF;
  --quadro:#2C4437;

  --txt:#EFE7D8;
  --txt-fraco:#A8A093;

  --s1:8px; --s2:16px; --s3:24px; --s4:32px; --s5:48px; --s6:72px; --s7:104px;
  --r:4px;
  --max:1200px;

  font-family:'Barlow',system-ui,-apple-system,'Segoe UI',sans-serif;
  color:var(--txt);
  background:var(--preto);
  font-size:17px;
  line-height:1.6;
  -webkit-font-smoothing:antialiased;
  overflow-x:clip;   /* clip nao cria container de rolagem — hidden quebraria o position:sticky das cenas */
}
#k4-page,#k4-page *{box-sizing:border-box}
#k4-page p,#k4-page h1,#k4-page h2,#k4-page h3,#k4-page h4,#k4-page ul,#k4-page li,#k4-page figure,#k4-page blockquote{margin:0;padding:0}
#k4-page ul{list-style:none}
#k4-page img{max-width:100%;display:block}
#k4-page a{color:inherit;text-decoration:none}
#k4-page button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}

/* ============ TIPOGRAFIA CARTAZ ============ */
/* lowercase = letra cheia · uppercase = letra vazada (contorno) */
#k4-page .cartaz{
  font-family:'SundayMarket',Impact,'Arial Narrow',sans-serif;
  font-weight:400;text-transform:lowercase;
  letter-spacing:.005em;line-height:1.04;padding-bottom:.06em;
}
#k4-page .vazado{text-transform:uppercase;font-style:normal;color:var(--amarelo)}
#k4-page .chalk{
  font-family:'SundayMarketScript','Segoe Script',cursive;
  font-weight:400;text-transform:none;letter-spacing:0;line-height:1.18;
}

#k4-page .wrap{max-width:var(--max);margin:0 auto;padding:0 var(--s3)}
#k4-page .sec{padding:var(--s7) 0}
#k4-page .eyebrow{
  font-size:12px;font-weight:800;letter-spacing:.2em;text-transform:uppercase;
  color:var(--amarelo);margin-bottom:var(--s2);display:flex;align-items:center;gap:12px;
}
#k4-page .eyebrow::before{content:"";width:28px;height:2px;background:var(--amarelo)}
#k4-page .eyebrow.meio{justify-content:center}
#k4-page .eyebrow.meio::before{display:none}
#k4-page h2.tt{font-size:clamp(36px,5.2vw,68px);color:var(--branco);margin-bottom:var(--s3)}

/* ============ XADREZ ============ */
#k4-page .xadrez{
  height:68px;background-color:#fff;
  background-image:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='34' height='34'%3E%3Crect width='34' height='34' fill='%23ffffff'/%3E%3Cpath d='M17 0 34 17 17 34 0 17Z' fill='%230E0D0B'/%3E%3C/svg%3E");
  background-size:34px 34px;background-repeat:repeat;
}

/* ============ BOTÕES ============ */
#k4-page .btn{
  display:inline-flex;align-items:center;justify-content:center;gap:10px;
  padding:16px 30px;border-radius:var(--r);
  font-weight:800;font-size:14px;letter-spacing:.11em;text-transform:uppercase;
  transition:transform .18s ease,background-color .18s ease,color .18s ease,box-shadow .18s ease;
  border:2px solid transparent;line-height:1;
}
#k4-page .btn-1{background:var(--amarelo);color:#191204}
#k4-page .btn-1:hover{background:var(--amarelo-cl);transform:translateY(-2px);box-shadow:0 10px 24px -8px rgba(255,176,5,.6)}
#k4-page .btn-2{border-color:rgba(246,239,225,.4);color:var(--creme)}
#k4-page .btn-tel{background:#2B6DE9;color:#fff;border-color:transparent;box-shadow:inset 0 -3px 0 rgba(0,0,0,.18)}
#k4-page .btn-tel:hover{background:#3D7EF5;transform:translateY(-2px);box-shadow:inset 0 -3px 0 rgba(0,0,0,.18),0 10px 24px -8px rgba(43,109,233,.6)}
#k4-page .btn-2:hover{border-color:var(--amarelo);color:var(--amarelo);transform:translateY(-2px)}
#k4-page .btn-3{background:var(--preto);color:var(--creme)}
#k4-page .btn-3:hover{background:var(--preto-3);transform:translateY(-2px)}
#k4-page .btn-esc{border:2px solid rgba(23,20,16,.28);color:#171410}
#k4-page .btn-esc:hover{border-color:#171410;background:#171410;color:var(--creme);transform:translateY(-2px)}
#k4-page .btn:focus-visible,#k4-page a:focus-visible,#k4-page button:focus-visible{outline:3px solid var(--amarelo-cl);outline-offset:3px}

/* ============ HEADER ============ */
/* o cabecalho nao aparece sobre o hero: so entra depois que a pessoa passa dele */
#k4-page .hd{
  position:fixed;top:0;left:0;right:0;z-index:60;padding:8px 0;
  background:rgba(14,13,11,.96);box-shadow:0 1px 0 rgba(255,176,5,.22);
  opacity:0;visibility:hidden;transform:translateY(-100%);
  transition:opacity .28s ease,transform .28s ease,visibility .28s;
}
#k4-page .hd.on{opacity:1;visibility:visible;transform:none}
#k4-page .hd-in{display:flex;align-items:center;gap:var(--s3);max-width:var(--max);margin:0 auto;padding:0 var(--s3)}
#k4-page .hd-logo img{height:52px;width:auto;transition:height .3s}
#k4-page .hd.on .hd-logo img{height:42px}
#k4-page .nav{display:flex;gap:26px;margin-left:auto;align-items:center}
#k4-page .nav a{font-size:13px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:var(--creme);position:relative;padding:6px 0}
#k4-page .nav a::after{content:"";position:absolute;left:0;bottom:0;width:0;height:2px;background:var(--amarelo);transition:width .22s}
#k4-page .nav a:hover::after{width:100%}
#k4-page .hd .btn{padding:13px 22px;font-size:12px}
#k4-page .burger{display:none;margin-left:auto;padding:10px;color:var(--creme)}
#k4-page .burger svg{width:26px;height:26px;display:block}
#k4-page .nav.open{display:flex;position:fixed;inset:0;background:rgba(14,13,11,.985);flex-direction:column;justify-content:center;align-items:center;gap:var(--s3);z-index:80}
#k4-page .nav.open a{font-size:22px}
#k4-page .nav-close{position:absolute;top:22px;right:22px;color:var(--creme);padding:10px}
#k4-page .nav-close svg{width:28px;height:28px}
#k4-page .nav:not(.open) .nav-close{display:none}

/* ============ 1 · HERO ============ */
#k4-page .hero{position:relative;min-height:84svh;display:flex;align-items:center;overflow:hidden;background:var(--preto)}
#k4-page .hero-bg{position:absolute;inset:0;z-index:0}
#k4-page .hero-bg img,#k4-page .hero-bg video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
#k4-page .hero-bg video{z-index:1}
#k4-page .hero-bg::after{
  content:"";position:absolute;inset:0;z-index:2;
  background:linear-gradient(180deg,rgba(14,13,11,.74) 0%,rgba(14,13,11,.6) 40%,rgba(14,13,11,.7) 75%,rgba(14,13,11,.96) 100%);
}
#k4-page .hero-in{position:relative;z-index:2;width:100%;padding:var(--s5) 0 calc(var(--s5) + 68px);text-align:center}
#k4-page .hero-in .wrap{display:flex;flex-direction:column;align-items:center}

/* logotipo centralizado sobre o video */
#k4-page .hero-logo{width:clamp(84px,10vw,138px);height:auto;margin-bottom:clamp(24px,3.6vw,44px)}

/* frase de destaque, quatro linhas centralizadas e bem juntas */
#k4-page .hero-frase{
  color:var(--branco);
  text-shadow:0 2px 22px rgba(0,0,0,.55);
  font-size:clamp(29px,5vw,64px);
  line-height:.86;
  margin-bottom:clamp(30px,4.2vw,48px);
  max-width:none;
}
#k4-page .hero-frase > span{display:block}
#k4-page .hero-frase br{display:none}

/* as palavras brancas: Barlow italica, pesada, caixa alta */
#k4-page .hero-frase .txt{
  font-family:'Barlow',system-ui,sans-serif;
  font-style:italic;font-weight:800;text-transform:uppercase;
  letter-spacing:-.012em;
}

/* palavra de destaque: Sunday Market vazada, sem traco */
#k4-page .hero-frase .pont{margin-left:.02em}
#k4-page .hero-frase .vazado{
  display:inline-block;color:var(--amarelo);
  font-size:1.24em;line-height:.72;
  margin-left:.02em;vertical-align:-.05em;
}

#k4-page .hero-cta{display:flex;gap:14px;flex-wrap:wrap;justify-content:center}
#k4-page .btn-ico{display:inline-flex;align-items:center;justify-content:center;gap:9px}
#k4-page .btn-ico svg{width:18px;height:18px;flex:0 0 auto}
#k4-page .btn-ico img{height:17px;width:auto;flex:0 0 auto;display:block}
#k4-page .hero .xadrez{position:absolute;left:0;right:0;bottom:0;z-index:3}

/* ============ MARQUEE ============ */
#k4-page .mq{background:var(--amarelo);color:#171104;padding:16px 0;overflow:hidden}
#k4-page .mq-t{display:flex;width:max-content;animation:k4mq 40s linear infinite}
#k4-page .mq-t span{font-family:'SundayMarket',Impact,sans-serif;font-size:26px;text-transform:lowercase;padding:0 28px;display:flex;align-items:center;gap:28px;white-space:nowrap}
#k4-page .mq-t span::after{content:"";width:9px;height:9px;background:#171104;transform:rotate(45deg);flex-shrink:0}
@keyframes k4mq{from{transform:translateX(0)}to{transform:translateX(-50%)}}

/* ============ 2 · HISTÓRIA ============ */
#k4-page .hist{background:var(--preto)}
#k4-page .hist-g{display:grid;grid-template-columns:1fr 1fr;gap:var(--s6);align-items:center}
#k4-page .hist p{color:var(--txt-fraco);margin-bottom:var(--s2);max-width:54ch}
#k4-page .hist p strong{color:var(--creme);font-weight:600}
#k4-page .hist .lead{font-size:20px;color:var(--creme);line-height:1.5}
#k4-page .hist .cit{border-left:3px solid var(--amarelo);padding-left:var(--s3);margin-top:var(--s4)}
#k4-page .hist .cit p{font-family:'SundayMarketScript','Segoe Script',cursive;font-size:31px;color:var(--amarelo);line-height:1.2;margin:0;max-width:none}
#k4-page .hist .cit cite{display:block;font-style:normal;font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--txt-fraco);font-weight:800;margin-top:10px}
#k4-page .hist-video{position:relative;border-radius:var(--r);overflow:hidden;background:#000;aspect-ratio:16/9}
#k4-page .hist-video video,#k4-page .hist-video iframe{width:100%;height:100%;border:0;display:block;object-fit:cover}
#k4-page .yt{display:block;width:100%;height:100%;padding:0;position:relative;cursor:pointer;background:#000}
#k4-page .yt img{width:100%;height:100%;object-fit:cover;transition:opacity .3s ease}
#k4-page .yt:hover img{opacity:.82}
#k4-page .yt-play{position:absolute;inset:0;display:grid;place-items:center}
#k4-page .yt-play svg{width:74px;height:52px;filter:drop-shadow(0 4px 14px rgba(0,0,0,.5))}
#k4-page .yt-play .yt-btn{fill:#212121;fill-opacity:.82;transition:fill .2s ease,fill-opacity .2s ease}
#k4-page .yt:hover .yt-play .yt-btn{fill:#f00;fill-opacity:1}
#k4-page .yt-tempo{position:absolute;right:12px;bottom:12px;background:rgba(0,0,0,.78);color:#fff;font-size:12px;font-weight:700;letter-spacing:.04em;padding:4px 9px;border-radius:3px}
#k4-page .hist-video .moldura{position:absolute;inset:0;border:1px solid rgba(255,176,5,.25);pointer-events:none;border-radius:var(--r)}

/* ============ SCROLL CINEMA ============ */
#k4-page .sc{position:relative;height:210vh}   /* 110vh de rolagem util: o video termina em ~1,1 tela */
#k4-page #scPrato{height:240vh}                  /* a comida pede um pouco mais de rolagem que o copo */
#k4-page .sc-sticky{position:sticky;top:0;height:100svh;overflow:hidden;background:#08080a}
#k4-page .sc-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .8s ease}
#k4-page .sc-video.pronto{opacity:1}
#k4-page .sc-poster{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
/* escurecimento SÓ no fim: o prato chega na mesa e a cena funde
   na cor da seção seguinte, emendando sem corte */
/* a cena fica ACIMA da seção seguinte e vai perdendo opacidade:
   o vídeo esmaece e a seção aparece por trás, sem tela preta no meio */
#k4-page .sc{z-index:2}
#k4-page .pratos{position:relative;z-index:1}
#k4-page .pratos{margin-top:0}

/* a seção seguinte se revela no lugar, junto com o escurecimento — sem deslocar */
#k4-page.anima .entra{opacity:0;transition:opacity .8s ease}
#k4-page.anima .entra.dentro{opacity:1}
#k4-page.anima .entra.d2{transition-delay:.1s}
#k4-page.anima .entra.d3{transition-delay:.2s}
@media (prefers-reduced-motion:reduce){
  #k4-page.anima .entra{opacity:1;transition:none}
}
/* o texto existe apenas como aviso quando não há arquivo de vídeo */
#k4-page .sc-txt{position:absolute;inset:0;z-index:4;display:none;align-items:center;pointer-events:none}
#k4-page .sc.sem-video .sc-txt{display:flex}
/* barrinha que caminha junto com a rolagem: mostra que a cena e controlada pelo scroll */
#k4-page .sc-barra{position:absolute;right:22px;top:50%;transform:translateY(-50%);width:4px;height:min(240px,38vh);border-radius:99px;background:rgba(255,255,255,.28);z-index:5;overflow:hidden;opacity:0;transition:opacity .5s ease .2s}
#k4-page .sc-video.pronto ~ .sc-barra{opacity:1}
#k4-page .sc-barra i{display:block;width:100%;height:0;background:var(--amarelo);border-radius:99px}
#k4-page .sc.sem-video .sc-barra{display:none}
#k4-page .sc-txt .wrap{width:100%}
#k4-page .sc-txt h2{font-size:clamp(38px,6.6vw,100px);color:var(--branco);line-height:1;max-width:15ch}

/* fallback: sem arquivo de vídeo a seção vira bloco normal */
#k4-page .sc.sem-video{height:auto}
#k4-page .sc.sem-video .sc-sticky{position:relative;height:auto;min-height:540px}
#k4-page .sc.sem-video{z-index:auto}
#k4-page .sc.sem-video .sc-video,#k4-page .sc.sem-video .sc-poster{display:none}
#k4-page .sc.sem-video .sc-txt{position:relative;padding:var(--s7) 0}
#k4-page .sc-aviso{display:inline-block;margin-top:var(--s3);border:1px dashed rgba(255,176,5,.55);color:var(--amarelo);padding:10px 18px;border-radius:var(--r);font-size:11px;letter-spacing:.16em;text-transform:uppercase;font-weight:800}
#k4-page .sc:not(.sem-video) .sc-aviso{display:none}

/* ============ 4 · PRATOS ============ */
#k4-page .pratos{background:var(--preto-2);padding-top:clamp(120px,15vh,190px)}
#k4-page .sec-head{text-align:center;margin-bottom:var(--s5)}
#k4-page .sec-head h2{font-size:clamp(36px,5.6vw,80px);color:var(--branco)}
#k4-page .sec-head p{color:var(--txt-fraco);max-width:58ch;margin:var(--s2) auto 0}
/* o palco do prato: as setas ficam no meio, nas laterais */
#k4-page .prato-palco{position:relative}
#k4-page .prato-show{display:grid;grid-template-columns:1fr 1fr;gap:var(--s6);align-items:center;min-height:440px;padding:0 var(--s6)}
#k4-page .prato-foto{position:relative}
#k4-page .quadro{
  width:100%;aspect-ratio:1/1;overflow:hidden;position:relative;background:#0a0a08;
  border-radius:22px;box-shadow:0 24px 60px -24px rgba(0,0,0,.75);
}
#k4-page .quadro img{width:100%;height:100%;object-fit:cover;object-position:center}

/* troca de prato: a foto e o texto saem para um lado e o novo entra pelo outro */
#k4-page .quadro img,#k4-page .prato-info > *{
  transition:opacity .26s ease,transform .3s cubic-bezier(.22,.61,.36,1);
}
#k4-page .prato-info > *{transition-delay:.03s}
#k4-page .prato-info > * + *{transition-delay:.07s}
#k4-page .prato-info > * + * + *{transition-delay:.11s}
#k4-page .sai-esq .quadro img,#k4-page .sai-esq .prato-info > *{opacity:0;transform:translateX(-34px) scale(.985)}
#k4-page .sai-dir .quadro img,#k4-page .sai-dir .prato-info > *{opacity:0;transform:translateX(34px) scale(.985)}
#k4-page .vem-dir .quadro img,#k4-page .vem-dir .prato-info > *{opacity:0;transform:translateX(34px) scale(.985);transition:none}
#k4-page .vem-esq .quadro img,#k4-page .vem-esq .prato-info > *{opacity:0;transform:translateX(-34px) scale(.985);transition:none}
@media (prefers-reduced-motion: reduce){
  #k4-page .quadro img,#k4-page .prato-info > *{transition:opacity .2s ease}
  #k4-page .sai-esq .quadro img,#k4-page .sai-dir .quadro img,#k4-page .sai-esq .prato-info > *,#k4-page .sai-dir .prato-info > *,
  #k4-page .vem-dir .quadro img,#k4-page .vem-esq .quadro img,#k4-page .vem-dir .prato-info > *,#k4-page .vem-esq .prato-info > *{transform:none}
}

/* nome do prato em Barlow: a Sunday Market fica só nos titulos de seção */
#k4-page .prato-info h3{
  font-family:'Barlow',sans-serif;font-weight:800;font-size:clamp(26px,3.2vw,40px);
  line-height:1.1;letter-spacing:-.01em;text-transform:uppercase;color:var(--branco);margin-bottom:10px;
}
#k4-page .prato-info .chalk{font-size:30px;color:var(--amarelo);margin-bottom:var(--s3);display:block}
#k4-page .prato-info .desc{color:var(--txt-fraco);font-size:18px;max-width:40ch}
#k4-page .thumbs{display:flex;align-items:center;gap:var(--s2);margin-top:var(--s5);justify-content:center}
#k4-page .thumbs-t{display:flex;gap:12px;overflow-x:auto;scroll-behavior:smooth;padding:6px 2px;scrollbar-width:none}
#k4-page .thumbs-t::-webkit-scrollbar{display:none}
#k4-page .th{flex:0 0 104px;height:104px;border-radius:var(--r);overflow:hidden;border:2px solid transparent;opacity:.5;transition:opacity .2s,border-color .2s,transform .2s;background:#0a0a08}
#k4-page .th img{width:100%;height:100%;object-fit:cover}
#k4-page .th:hover{opacity:.85;transform:translateY(-3px)}
#k4-page .th[aria-current="true"]{opacity:1;border-color:var(--amarelo);transform:translateY(-3px)}
#k4-page .prato-palco{position:relative}
#k4-page .th-nav{
  position:absolute;top:50%;transform:translateY(-50%);z-index:3;
  width:54px;height:54px;border-radius:50%;border:2px solid rgba(246,239,225,.25);
  display:grid;place-items:center;color:var(--creme);transition:all .2s;background:rgba(14,13,11,.5);
}
#k4-page .th-nav:hover{border-color:var(--amarelo);color:var(--amarelo);background:rgba(255,176,5,.14);transform:translateY(-50%) scale(1.06)}
#k4-page .th-nav svg{width:21px;height:21px}
#k4-page #thPrev{left:0}
#k4-page #thNext{right:0}

/* ============ 5 · CARDÁPIO COMPLETO ============ */
/* mesmo fundo dos pratos: as duas leem como uma seção só */
#k4-page .card-cta{background:var(--preto-2);position:relative;padding-top:calc(var(--s7) + var(--s5))}
#k4-page .card-in{position:relative;text-align:center;max-width:760px;margin:0 auto}
#k4-page .card-in h2{font-size:clamp(34px,5.2vw,68px);color:var(--branco);margin-bottom:var(--s2)}
#k4-page .card-in p{color:rgba(246,239,225,.82);font-size:19px;margin-bottom:var(--s4)}
#k4-page .card-in .btns{display:flex;gap:14px;justify-content:center;flex-wrap:nowrap}
#k4-page .card-in .btns .btn{flex:0 1 auto;white-space:nowrap}

/* ============ 7 · ATENDIMENTO ============ */

/* ============ 8 · DEPOIMENTOS ============ */
#k4-page .dep{background:var(--creme);color:#221E15}
#k4-page .dep .eyebrow{color:var(--amarelo-esc)}
#k4-page .dep h2{color:#171410}
#k4-page .dep-lead{color:#5B5344;font-size:19px;max-width:50ch;margin:var(--s2) auto 0;line-height:1.5}
#k4-page .dep-lead strong{color:#171410;font-weight:700}
#k4-page .dep-car{position:relative;margin-top:var(--s5)}
#k4-page .dep-g{display:flex;gap:var(--s3);overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;padding:4px 2px 10px;scrollbar-width:none}
#k4-page .dep-g::-webkit-scrollbar{display:none}
#k4-page .dep-c{background:var(--branco);padding:var(--s3);border-radius:var(--r);border:1px solid var(--creme-2);display:flex;flex-direction:column;gap:14px;flex:0 0 calc((100% - var(--s3)*2)/3);scroll-snap-align:start}
#k4-page .dep-tag{align-self:flex-start;font-size:10px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;background:#F1E7D3;color:#8A6A16;padding:5px 11px;border-radius:100px}
#k4-page .stars{color:var(--amarelo);font-size:16px;letter-spacing:2px}
#k4-page .dep-c p{color:#443E33;font-size:17px;line-height:1.55;flex:1}
#k4-page .dep-c footer{display:flex;align-items:center;gap:12px;font-size:14px}
#k4-page .dep-c img{width:42px;height:42px;border-radius:50%;object-fit:cover;flex-shrink:0}
#k4-page .dep-c strong{display:block;color:#171410}
#k4-page .dep-c span{color:#7A7261;font-size:13px}
#k4-page .dep-seta{position:absolute;top:50%;transform:translateY(-50%);z-index:4;width:48px;height:48px;border-radius:50%;background:var(--branco);border:1px solid var(--creme-2);display:grid;place-items:center;color:#171410;box-shadow:0 6px 20px -8px rgba(0,0,0,.3);transition:all .2s}
#k4-page .dep-seta:hover{background:#171410;color:var(--creme);border-color:#171410}
#k4-page .dep-seta[disabled]{opacity:.3;cursor:default}
#k4-page .dep-seta.esq{left:-58px}
#k4-page .dep-seta.dir{right:-58px}
#k4-page .dep-seta svg{width:20px;height:20px}
@media (max-width:1330px){#k4-page .dep-seta{display:none}}
#k4-page .dep-pontos{display:flex;gap:8px;justify-content:center;margin-top:var(--s3)}
#k4-page .dep-pontos button{width:8px;height:8px;border-radius:50%;background:rgba(23,20,16,.22);transition:all .2s;padding:0}
#k4-page .dep-pontos button[aria-current="true"]{background:var(--amarelo-esc);width:26px;border-radius:100px}
#k4-page .dep-cta{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;margin-top:var(--s5)}

/* ============ 9 · MAPA E HORÁRIO ============ */
#k4-page .vis{background:var(--preto-2)}
#k4-page .vis-g{display:grid;grid-template-columns:1fr 1.15fr;gap:var(--s6)}
#k4-page .info-b{margin-bottom:var(--s4)}
#k4-page .info-b h3{font-size:12px;font-weight:800;letter-spacing:.2em;text-transform:uppercase;color:var(--amarelo);margin-bottom:12px}
#k4-page .info-b p,#k4-page .info-b li{color:var(--creme);font-size:18px;line-height:1.65}
#k4-page .info-b li{display:flex;justify-content:space-between;gap:var(--s3);max-width:400px;padding:7px 0;border-bottom:1px dashed rgba(246,239,225,.15)}
#k4-page .info-b li b{color:var(--branco);font-weight:700}
#k4-page .info-b li.off{color:var(--txt-fraco)}
#k4-page .info-b a:hover{color:var(--amarelo)}
#k4-page .mapa{border-radius:var(--r);overflow:hidden;min-height:460px;height:100%;border:1px solid rgba(246,239,225,.14)}
#k4-page .mapa iframe{width:100%;height:100%;min-height:460px;border:0;display:block;filter:grayscale(.55) contrast(1.05)}

/* ============ 10 · RODAPÉ ============ */
#k4-page .ft{background:var(--preto);padding:var(--s6) 0 var(--s4)}
#k4-page .ft-g{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:var(--s5);align-items:start;margin-bottom:var(--s5)}
#k4-page .ft-logo img{height:104px;width:auto;margin-bottom:var(--s2)}
#k4-page .ft p{color:var(--txt-fraco);font-size:16px;max-width:34ch}
#k4-page .ft h4{font-size:12px;font-weight:800;letter-spacing:.2em;text-transform:uppercase;color:var(--amarelo);margin-bottom:var(--s2)}
#k4-page .ft li{margin-bottom:9px}
#k4-page .ft li a{color:var(--creme);font-size:16px}
#k4-page .ft li a:hover{color:var(--amarelo)}
#k4-page .ft-bot{border-top:1px solid rgba(246,239,225,.12);padding-top:var(--s3);display:flex;justify-content:space-between;gap:var(--s3);flex-wrap:wrap;font-size:14px;color:var(--txt-fraco)}

/* ============ WHATSAPP ============ */


/* ============ ACABAMENTO · CARTAZ DE BUTECO ============ */
/* grao de papel por cima de tudo: da textura de cartaz impresso */
#k4-page::after{content:"";position:fixed;inset:0;z-index:69;pointer-events:none;opacity:.055;mix-blend-mode:soft-light;background-image:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 .55 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-size:160px 160px}
html:has(#k4-page){scroll-behavior:smooth}
#k4-page ::selection{background:var(--amarelo);color:#171104}
html:has(#k4-page)::-webkit-scrollbar{width:11px}
html:has(#k4-page)::-webkit-scrollbar-track{background:#0a0908}
html:has(#k4-page)::-webkit-scrollbar-thumb{background:#3A3327;border-radius:99px;border:2px solid #0a0908}
html:has(#k4-page)::-webkit-scrollbar-thumb:hover{background:var(--amarelo-esc)}

/* titulos com sombra de cartaz (deslocada, amarela, discreta) */
#k4-page h2.tt,#k4-page .card-in h2{text-shadow:3px 3px 0 rgba(255,176,5,.22)}
#k4-page h2 .vazado{text-shadow:none}
/* o olho ganha um losango, eco do xadrez */
#k4-page .eyebrow::before{width:9px;height:9px;transform:rotate(45deg);background:var(--amarelo)}

/* cabecalho translucido */
#k4-page .hd{background:rgba(14,13,11,.84);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}

/* botoes com corpo: friso inferior e resposta ao clique */
#k4-page .btn-1{box-shadow:inset 0 -3px 0 rgba(0,0,0,.16)}
#k4-page .btn-1:hover{box-shadow:inset 0 -3px 0 rgba(0,0,0,.16),0 10px 24px -8px rgba(255,176,5,.6)}
#k4-page .btn-2:hover{background:rgba(246,239,225,.06)}
#k4-page .btn:active{transform:translateY(1px) scale(.99)}

/* faixa que corre, levemente tombada, como adesivo colado */
#k4-page .mq{position:relative;z-index:3;transform:skewY(-1.2deg);margin:-30px 0 30px;box-shadow:0 14px 34px -20px rgba(0,0,0,.8)}

/* historia: video como foto colada na parede, com carimbo */
#k4-page .hist-g{position:relative}
#k4-page .hist-video{transform:rotate(-1.4deg);border-radius:6px;box-shadow:0 34px 70px -34px rgba(0,0,0,.9),0 0 0 6px var(--preto),0 0 0 8px rgba(255,176,5,.4)}
#k4-page .hist-video:hover{transform:rotate(0)}
#k4-page .hist-video{transition:transform .35s cubic-bezier(.22,.61,.36,1)}
#k4-page .hist-g::after{content:"desde 1993";position:absolute;right:-6px;top:-18px;z-index:3;background:var(--amarelo);color:#171104;font-family:'SundayMarket',Impact,sans-serif;text-transform:lowercase;font-size:22px;line-height:1;padding:9px 16px 7px;border-radius:3px;transform:rotate(4deg);box-shadow:0 10px 22px -10px rgba(0,0,0,.7);pointer-events:none}

/* cenas de scroll: vinheta cinematografica nas bordas */
#k4-page .sc-sticky::after{content:"";position:absolute;inset:0;z-index:3;pointer-events:none;background:linear-gradient(180deg,rgba(8,8,10,.38) 0%,transparent 18%,transparent 82%,rgba(8,8,10,.55) 100%)}

/* pratos: foto sobre um bloco amarelo deslocado, estilo cartaz */
#k4-page .quadro{overflow:visible;background:none;border-radius:16px;transform:rotate(-1deg);box-shadow:none}
#k4-page .quadro img{border-radius:16px;box-shadow:14px 14px 0 0 var(--amarelo),0 34px 70px -34px rgba(0,0,0,.9)}
#k4-page .prato-info h3{text-shadow:2px 2px 0 rgba(255,176,5,.2)}
#k4-page .th-nav{background:rgba(14,13,11,.72);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
#k4-page .th[aria-current="true"]{box-shadow:0 10px 24px -10px rgba(255,176,5,.6)}

/* cardapio: a palavra em marca d'agua atras do convite */
#k4-page .card-cta{overflow:hidden}
#k4-page .card-cta::before{content:"cardápio";position:absolute;left:50%;top:44%;transform:translate(-50%,-50%) rotate(-4deg);font-family:'SundayMarket',Impact,sans-serif;text-transform:lowercase;font-size:clamp(130px,24vw,340px);line-height:1;color:rgba(255,176,5,.05);white-space:nowrap;pointer-events:none}
#k4-page .card-in{z-index:1}

/* depoimentos: recados colados com fita, sobre papel */
#k4-page .dep{background-color:var(--creme);background-image:repeating-linear-gradient(45deg,rgba(23,20,16,.028) 0 2px,transparent 2px 15px)}
#k4-page .dep-g{padding-top:18px}
#k4-page .dep-c{position:relative;border:0;border-radius:6px;box-shadow:0 18px 34px -20px rgba(23,20,16,.45);transition:transform .25s ease,box-shadow .25s ease}
#k4-page .dep-c::before{content:"";position:absolute;top:-11px;left:50%;width:78px;height:22px;transform:translateX(-50%) rotate(-2.5deg);background:rgba(255,176,5,.88);border-radius:2px;box-shadow:0 2px 4px rgba(0,0,0,.12)}
#k4-page .dep-c:nth-child(odd){transform:rotate(-.7deg)}
#k4-page .dep-c:nth-child(even){transform:rotate(.7deg)}
#k4-page .dep-c:hover{transform:rotate(0) translateY(-5px);box-shadow:0 26px 40px -22px rgba(23,20,16,.5)}
#k4-page .stars{text-shadow:0 1px 0 rgba(0,0,0,.12)}

/* mapa emoldurado em xadrez; titulos dos blocos com losango */
#k4-page .mapa{padding:0;border:1px solid rgba(246,239,225,.14);border-radius:6px;background:none}
#k4-page .mapa iframe{border-radius:3px;filter:grayscale(.35) contrast(1.05) saturate(1.1)}
#k4-page .vis-cta{display:flex;gap:14px;flex-wrap:wrap}
#k4-page .info-b h3{display:flex;align-items:center;gap:10px}
#k4-page .info-b h3::before{content:"";width:8px;height:8px;background:var(--amarelo);transform:rotate(45deg);flex:0 0 auto}

/* rodape: logo com brilho de letreiro */
#k4-page .ft-logo img{filter:drop-shadow(0 0 22px rgba(255,176,5,.28))}

@media (prefers-reduced-motion:reduce){
  #k4-page .hist-video,#k4-page .dep-c,#k4-page .quadro{transition:none}
}

/* ============ RESPONSIVO ============ */
@media (max-width:960px){
  #k4-page #scCopo .sc-video,#k4-page #scCopo .sc-poster{object-position:30% 64%}
  #k4-page{font-size:16px}
  #k4-page .sec{padding:var(--s6) 0}
  #k4-page .nav{display:none}
  #k4-page .burger{display:block}
  #k4-page .hd .btn{display:none}
  #k4-page .hist-g,#k4-page .prato-show,#k4-page .vis-g{grid-template-columns:1fr;gap:var(--s4)}
  #k4-page .ft-g{grid-template-columns:1fr;gap:var(--s4)}
  #k4-page .dep-g > .dep-c{flex:0 0 calc((100% - var(--s3))/2)}
  #k4-page .prato-info{text-align:center}
  #k4-page .prato-info .desc{margin-left:auto;margin-right:auto}
  #k4-page .precos{justify-content:center}
  #k4-page .sc{height:190vh}
  #k4-page #scPrato{height:215vh}
}
@media (max-width:560px){
  #k4-page .dep-cta .btn{width:100%}
  #k4-page .hero-frase{font-size:clamp(40px,11.6vw,54px)}
  #k4-page .hero-cta{flex-wrap:nowrap;gap:10px;width:100%;max-width:370px}
  #k4-page .hero-cta .btn{flex:1 1 0;width:auto;padding:13px 8px;font-size:11px;letter-spacing:.06em;white-space:nowrap}
  #k4-page .btn-ico svg{width:15px;height:15px}
  #k4-page .btn-ico img{height:14px}
  #k4-page .card-in .btns{gap:9px}
  #k4-page .card-in .btns .btn{padding:14px 12px;font-size:11px;letter-spacing:.06em;flex:1 1 0;white-space:normal}
  #k4-page .th{flex:0 0 92px;height:92px}
  #k4-page .prato-show{padding:0 10px;gap:var(--s3)}
  #k4-page #thPrev{left:-6px}
  #k4-page #thNext{right:-6px}
  #k4-page .vis-cta{flex-wrap:nowrap;gap:10px}
  #k4-page .vis-cta .btn{flex:1 1 0;padding:13px 8px;font-size:11px;letter-spacing:.06em;white-space:nowrap}
  #k4-page .mq-t span{font-size:19px;padding:0 20px;gap:20px}
  #k4-page .hero-meta{gap:var(--s2);flex-direction:column}
  #k4-page .dep-g > .dep-c{flex:0 0 88%}
}
@media (prefers-reduced-motion:reduce){
  #k4-page .mq-t{animation:none}
  #k4-page .blob img{animation:none}
}

@media (max-width:960px){
  #k4-page::after{display:none}                    /* grao custa rolagem no celular */
  #k4-page .hist-g::after{display:none}
  #k4-page .quadro img{box-shadow:9px 9px 0 0 var(--amarelo),0 24px 50px -28px rgba(0,0,0,.9)}
  #k4-page .card-cta::before{font-size:clamp(90px,30vw,180px)}
}