/* ============================================================
   SEO / AEO — estilos das secoes adicionadas
   (cardapio estatico, Sobre, FAQ, pagina /cardapio, 404)
   Nao altera a identidade visual: usa as mesmas variaveis.
   ============================================================ */

/* ---------- cardapio estatico (visivel para crawler sem JS) ---------- */
.cardapio-estatico{margin-top:8px}
.cardapio-estatico .bloco-cat{margin-bottom:44px}
.cardapio-estatico .cat-titulo{
  font-family:"Bricolage Grotesque",Inter,sans-serif;
  font-size:clamp(1.25rem,2.2vw,1.6rem);font-weight:800;
  color:var(--texto);margin:0 0 18px;padding-bottom:10px;
  border-bottom:2px solid var(--linha);
}
.grade-estatica{
  display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,268px),1fr));gap:18px;
}
.grade-estatica .prato{background:var(--tinta-2);border:1px solid var(--linha);border-radius:var(--raio);overflow:hidden;display:flex;flex-direction:column}
.grade-estatica .prato-img{aspect-ratio:4/3;overflow:hidden;background:var(--tinta-3)}
.grade-estatica .prato-img img{width:100%;height:100%;object-fit:cover}
.grade-estatica .prato-corpo{padding:15px 16px 17px;display:flex;flex-direction:column;gap:7px;flex:1}
.grade-estatica .prato-nome{font-size:15.5px;font-weight:600;font-family:Inter,sans-serif;letter-spacing:0;line-height:1.35;margin:0}
.grade-estatica .desc{color:var(--texto-3);font-size:13px;line-height:1.5;flex:1;margin:0}
.grade-estatica .prato-pe{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:4px}
.grade-estatica .prato-pe b{font-family:"Bricolage Grotesque",sans-serif;font-size:19px;font-weight:800}

/* ---------- Sobre ---------- */
.sobre{padding:56px 0;border-top:1px solid var(--linha);background:var(--tinta-2)}
.sobre-in{max-width:760px}
.sobre h2{font-size:clamp(1.5rem,2.6vw,2rem);font-weight:800;margin-bottom:18px}
.sobre p{color:var(--texto-2);font-size:16px;line-height:1.75;margin-bottom:14px}
.sobre strong{color:var(--texto);font-weight:650}
.sobre a{color:var(--marca-clara);text-decoration:underline;text-underline-offset:3px;display:inline-block;padding:8px 0}
.addr-inline{font-style:normal;color:var(--texto);font-weight:550}

/* ---------- FAQ ---------- */
.faq{padding:56px 0;border-top:1px solid var(--linha)}
.faq-in{max-width:760px}
.faq h2{font-size:clamp(1.5rem,2.6vw,2rem);font-weight:800;margin-bottom:9px}
.faq-sub{color:var(--texto-2);font-size:15.5px;margin-bottom:26px}
.faq-lista{display:flex;flex-direction:column;gap:10px}
.faq-item{
  background:var(--tinta-2);border:1px solid var(--linha);border-radius:var(--raio);
  padding:0;overflow:hidden;
}
.faq-item summary{
  cursor:pointer;list-style:none;padding:16px 18px;min-height:56px;
  display:flex;align-items:center;justify-content:space-between;gap:14px;
  font-size:16px;font-weight:600;color:var(--texto);
}
.faq-item summary::-webkit-details-marker{display:none}
.faq-item summary::after{
  content:"+";font-size:22px;font-weight:400;color:var(--marca);
  flex:none;transition:transform .2s;line-height:1;
}
.faq-item[open] summary::after{content:"–"}
.faq-item summary:hover{background:var(--tinta-3)}
.faq-item p{margin:0;padding:0 18px 18px;color:var(--texto-2);font-size:15px;line-height:1.7}

/* ---------- pagina /cardapio ---------- */
.pagina-cabeca{padding:40px 0 28px;border-bottom:1px solid var(--linha)}
.migalha{font-size:13.5px;color:var(--texto-3);margin-bottom:14px}
.migalha a{color:var(--marca-clara);text-decoration:underline;text-underline-offset:3px}
.migalha span{margin:0 6px}
.pagina-cabeca h1{font-size:clamp(1.7rem,3.6vw,2.6rem);font-weight:800;margin-bottom:12px}
.pagina-sub{color:var(--texto-2);font-size:16.5px;max-width:70ch;line-height:1.7}
.cat-nav{margin-top:24px}
.cat-nav ul{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:9px}
.cat-nav a{
  display:inline-block;background:var(--tinta-2);border:1px solid var(--linha);
  color:var(--texto-2);padding:10px 17px;border-radius:999px;font-size:14px;
  min-height:44px;line-height:24px;
}
.cat-nav a:hover{border-color:var(--marca);color:var(--marca)}
.cardapio-pagina{padding:44px 0}
.pedir-simples{padding:48px 0;border-top:1px solid var(--linha);background:var(--tinta-2)}
.pedir-simples h2{font-size:clamp(1.4rem,2.4vw,1.9rem);font-weight:800;margin-bottom:14px}
.pedir-simples p{color:var(--texto-2);font-size:16px;line-height:1.75;max-width:70ch;margin-bottom:14px}
.pedir-simples a{color:var(--marca-clara);text-decoration:underline;text-underline-offset:3px}
.pedir-simples .btn{color:#fff;text-decoration:none;margin-top:8px}

/* ---------- 404 ---------- */
.pagina-404{padding:80px 0;text-align:center}
.pagina-404 h1{font-size:clamp(2rem,5vw,3.2rem);font-weight:800;margin-bottom:14px}
.pagina-404 p{color:var(--texto-2);font-size:17px;margin-bottom:26px;max-width:50ch;margin-inline:auto}

@media (max-width:900px){
  .sobre,.faq,.cardapio-pagina,.pedir-simples{padding:34px 0}
  .pagina-cabeca{padding:26px 0 20px}
  .cardapio-estatico .bloco-cat{margin-bottom:32px}
  .grade-estatica{gap:14px}
}