:root {
  --mostaza: #d7991e;
  --verde: #5c7945;
  --crema: #ffeecb;
  --verde-claro: #e9fadb;
  --linea: rgba(92, 121, 69, .34);
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  background: var(--crema);
  color: var(--verde);
  font-family: "Avenir Next W1G", "Avenir Next", Avenir, system-ui, sans-serif;
}
img { max-width: 100%; display: block; }
.page-shell { width: min(1120px, 100%); margin: 0 auto; padding: 24px 18px 32px; }
.hero { display:flex; align-items:flex-end; justify-content:space-between; gap:16px; padding-top:4px; }
.hero-copy h1 { font-family:"Titan One", sans-serif; color:var(--mostaza); font-size:clamp(64px, 17vw, 142px); line-height:.85; letter-spacing:-1px; margin:0; }
.hero-copy p { margin:14px 0 0; font-size:15px; font-weight:600; opacity:.9; }
.hero-mensu { width:min(37vw, 280px); transform:translateY(8px); }
.quick-nav { display:flex; gap:8px; overflow:auto; padding:18px 0 6px; scrollbar-width:none; }
.quick-nav::-webkit-scrollbar{display:none}
.quick-nav a { flex:0 0 auto; text-decoration:none; color:var(--verde); border:1px solid rgba(92,121,69,.25); background:rgba(233,250,219,.58); border-radius:999px; padding:9px 14px; font-weight:700; font-size:14px; }
.menu-grid { display:grid; grid-template-columns:1fr; gap:20px; margin-top:10px; }
.menu-section { scroll-margin-top:16px; }
.section-title-row { border-bottom:4px solid var(--mostaza); margin:20px 0 6px; }
h2 { font-family:"Titan One", sans-serif; color:var(--mostaza); font-size:27px; line-height:1; margin:0 0 7px; letter-spacing:.2px; }
.item { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:16px; align-items:start; padding:10px 0 9px; border-bottom:1px dotted var(--linea); }
.item:last-child { border-bottom:0; }
.multi-item { grid-template-columns:1fr; }
h3 { margin:0; font-size:18px; line-height:1.15; font-weight:700; }
.item p { margin:3px 0 0; font-size:13px; line-height:1.35; font-weight:500; opacity:.86; }
.item strong { font-size:18px; line-height:1.15; font-weight:700; white-space:nowrap; }
.variant-list { margin-top:8px; }
.variant-row {
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:16px;
  align-items:start;
  padding:4px 0;
}
.variant-row span { font-size:17px; font-weight:700; line-height:1.2; }
.variant-row strong { font-size:18px; line-height:1.15; font-weight:700; white-space:nowrap; }
.illustration-pair { display:flex; align-items:flex-end; justify-content:center; gap:18px; padding:30px 20px 6px; }
.illustration-pair img:first-child { width:190px; }
.illustration-pair img:last-child { width:130px; }
footer { text-align:center; padding:34px 0 8px; font-size:17px; font-weight:700; opacity:.92; }
footer p { margin:6px 0; }

@media (min-width: 760px) {
  .page-shell { padding:34px 36px 38px; }
  .hero-mensu { width:250px; }
  .menu-grid { grid-template-columns:1.04fr .96fr; gap:58px; }
  .quick-nav { display:none; }
  h2 { font-size:30px; }
  h3, .item strong, .variant-row strong { font-size:19px; }
  .variant-row span { font-size:18px; }
  .item p { font-size:13.5px; }
  .illustration-pair { padding-top:72px; gap:24px; }
  .illustration-pair img:first-child { width:220px; }
  .illustration-pair img:last-child { width:150px; }
  footer { text-align:right; font-size:18px; }
}