@import url("https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,500;0,600;1,400&family=Jost:wght@300;400;500&display=swap");

/* Visual escuro e elegante, com detalhes dourados: sempre escuro */
:root {
  --brand: #c9a227;
  --bg: #121110;
  --surface: #1c1a17;
  --text: #efe9df;
  --muted: #a39b8f;
  --line: #2e2a25;
  color-scheme: dark;
}
* { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; scroll-behavior: smooth; }
body {
  margin: 0; color: var(--text); font: 15px/1.5 Jost, system-ui, sans-serif;
  background: radial-gradient(120% 60% at 50% 0%, #221e19 0%, var(--bg) 60%) var(--bg) no-repeat;
}
.wrap { max-width: 680px; margin: 0 auto; padding: 0 20px; }

/* Ornamento: linha, losango, linha */
.orn { display: flex; align-items: center; justify-content: center; gap: 10px; color: var(--brand); }
.orn::before, .orn::after { content: ""; width: 56px; height: 1px; background: currentColor; opacity: .55; }
.orn i { width: 7px; height: 7px; border: 1px solid currentColor; transform: rotate(45deg); }

header.capa { text-align: center; padding: 48px 20px 34px; }
.capa .rot { font: 500 11px Jost, sans-serif; letter-spacing: .45em; text-transform: uppercase; color: var(--brand); padding-left: .45em; }
.capa h1 { font: 600 38px/1.08 "Playfair Display", Georgia, serif; margin: 14px 0 16px; overflow-wrap: anywhere; }
.capa p { font: italic 400 17px "Playfair Display", Georgia, serif; color: var(--muted); margin: 16px 0 0; }

nav.menu {
  position: sticky; top: 0; z-index: 5;
  background: rgba(18,17,16,.9); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px);
  border-top: 1px solid var(--line); border-bottom: 1px solid var(--line);
}
nav.menu .wrap { display: flex; gap: 26px; overflow-x: auto; scrollbar-width: none; }
nav.menu .wrap::-webkit-scrollbar { display: none; }
nav.menu a:first-child { margin-left: auto; }
nav.menu a:last-child { margin-right: auto; }
nav.menu a {
  flex: none; padding: 15px 0 13px; text-decoration: none; color: var(--muted);
  font: 500 12px Jost, sans-serif; letter-spacing: .22em; text-transform: uppercase;
  border-bottom: 1px solid transparent;
}
nav.menu a.on { color: var(--brand); border-bottom-color: var(--brand); }

section.cat { padding: 40px 0 6px; scroll-margin-top: 48px; }
section.cat h2 { text-align: center; font: 500 28px "Playfair Display", Georgia, serif; margin: 0 0 10px; }
section.cat .orn { margin-bottom: 18px; }
.prato { padding: 18px 0; border-bottom: 1px solid var(--line); }
section.cat .prato:last-child { border-bottom: 0; }
.prato img {
  display: block; width: 100%; aspect-ratio: 16 / 10; object-fit: cover;
  border-radius: 4px; margin-bottom: 14px; background: var(--surface);
}
.prato .lin { display: flex; align-items: baseline; gap: 14px; }
.prato h3 { flex: 1; min-width: 0; margin: 0; font: 500 19px/1.25 "Playfair Display", Georgia, serif; }
.prato .preco { flex: none; font: 500 16px Jost, sans-serif; color: var(--brand); letter-spacing: .02em; white-space: nowrap; }
.prato .desc { margin: 5px 0 0; font: 300 14.5px/1.5 Jost, sans-serif; color: var(--muted); }

.empty { text-align: center; color: var(--muted); padding: 48px 0; }
.nota { font-size: 12.5px; color: var(--muted); text-align: center; padding: 30px 16px 40px; letter-spacing: .04em; }