/* Direction-of-art review, September 2026. Content and approved hero framing
   remain in the existing engine/data/styles. This layer is independently reversible. */
:root { --page-gutter: clamp(1.25rem, 4vw, 2rem); }

/* One quiet navigation band. Color and one active underline replace capsules. */
.site-header { border: 0; }
.section-nav {
  --color-paper: #30313f;
  background: #30313f;
  color: #f7f3d9;
  border: 0;
  box-shadow: none;
}
.section-nav__inner { gap: .65rem; padding-inline: 1.25rem; }
.section-nav a { padding-inline: .45rem; border-radius: 0; font-weight: 550; }
.section-nav a.is-active {
  background: transparent;
  color: #ff9878;
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: .65em;
}
.nav-drawer__links a { border: 0; font-size: 1.5rem; letter-spacing: -.025em; }
.category-nav { gap: 1.5rem; border: 0; margin-bottom: 2.25rem; }
.category-nav a {
  padding-inline: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  color: var(--color-muted);
  font-weight: 550;
}
.category-nav a.is-active {
  background: transparent;
  color: var(--color-ink);
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: .6em;
}
.menu-section--comida .category-nav a.is-active { color: #ff9878; }

/* Type and space do the organizing; photographs supply the material. */
.menu-section { padding-block: 4rem 4.5rem; }
.menu-section__title {
  margin-bottom: 1.65rem;
  font-size: clamp(2.6rem, 6.4vw, 5.5rem);
  font-weight: 800;
  letter-spacing: -.055em;
  line-height: 1;
  text-transform: uppercase;
  overflow-wrap: anywhere;
  text-wrap: balance;
}
.menu-section--comida { padding-top: 2.5rem; }
.menu-section__layout { gap: 2.4rem; }
.categories { gap: 3.6rem; }
.category { scroll-margin-top: calc(var(--dock-height) + var(--subnav-height) + 24px); }
.category__header { border: 0; padding-bottom: 1rem; }
.category__title { font-size: clamp(1.5rem, 2.2vw, 2rem); font-weight: 650; letter-spacing: -.035em; }
.category__note { max-width: 48ch; letter-spacing: 0; }
.category__header--repeated { padding: 0; }
.category__header--repeated .category__note { margin-bottom: 1rem; }
.menu-item { padding-block: 1rem 1.25rem; border: 0; }
.menu-item__name { font-size: 1.1rem; font-weight: 600; letter-spacing: -.015em; }
.menu-item__prices, .menu-item__variant-price { color: var(--color-ink); font-weight: 600; }
.menu-item__description { margin-top: .45rem; font-size: 1rem; line-height: 1.6; max-width: 48ch; }
.menu-item__badge {
  margin-top: .65rem;
  padding: 0;
  border: 0;
  border-radius: 0;
  font-size: .65rem;
  font-weight: 700;
  letter-spacing: .13em;
  text-transform: uppercase;
}
.menu-item__variant { padding-left: 0; margin-top: .5rem; }
.menu-item__beer-meta { margin-top: .4rem; font-size: .9rem; line-height: 1.5; }
.menu-item .menu-item__beer-meta.menu-item__beer-meta--qualified {
  margin-top: .4rem;
  font-size: .9rem;
  line-height: 1.5;
}
.category__price-headings,
.category .menu-item--size-columns .menu-item__top,
.category .menu-item--single-price .menu-item__top {
  grid-template-columns: minmax(0, 1fr) minmax(12rem, 14rem);
  gap: .8rem;
}
.category__price-heading-labels { grid-column: 2; font-size: .75rem; font-weight: 600; }
.category .menu-item--size-columns .menu-item__top,
.category .menu-item--single-price .menu-item__top { row-gap: .15rem; }
.category--beer .menu-item__prices--columns,
.category--packaged-beer .menu-item__prices--columns { align-self: start; }
.category__price-heading-labels,
.menu-item__prices--columns { min-width: 0; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .7rem; }
.category__price-headings { padding-bottom: .6rem; }
.menu-item__price-cell { border: 0; border-radius: 0; background: transparent; padding: 0; }
.menu-section--comida .section-photo { border: 0; }
.menu-section__source-note { max-width: 48rem; margin: 0 0 1.5rem; color: var(--color-muted); font-size: .9rem; }
.menu-section__source-note p { margin: .25rem 0; }
.menu-section__source-note-label { font-size: .7rem; font-weight: 700; letter-spacing: .09em; text-transform: uppercase; }
.contact__photo { max-width: var(--content-max); }
.contact__photo::after { height: 5rem; }
.contact__inner { padding-block: 3.5rem calc(4rem + env(safe-area-inset-bottom)); gap: 3rem; }
.contact__label { font-size: .7rem; letter-spacing: .09em; text-transform: uppercase; }
.contact__title { margin-bottom: 2rem; }
.contact__value { font-size: 1rem; }

@media (max-width: 47.999rem) {
  .menu-section__title, .categories, .category-nav, .menu-section__source-note { padding-inline: var(--page-gutter); }
  .category-nav { gap: 1.4rem; margin-bottom: 1.5rem; }
  .section-photo { height: clamp(18rem, 85vw, 24rem); }
  .menu-section--cocteleria .section-photo { height: clamp(20rem, 100vw, 27rem); }
  .menu-section--cocteleria .categories { margin-top: .15rem; }
  .contact__inner { padding-inline: var(--page-gutter); }
}

/* The measures stay explicit on every mobile row; no enclosing price boxes. */
/* Unspecified servings share the price grid, with their own truthful label. */
.category .menu-item--single-price .menu-item__top {
  grid-template-areas: "name prices" "meta prices";
  align-items: start;
}
.menu-item--single-price .menu-item__prices { align-self: start; }
.menu-item--single-price .menu-item__price-label {
  display: block;
  color: var(--color-muted);
  font-size: .75rem;
  line-height: 1.4;
  font-weight: 500;
}

@media (max-width: 38rem) {
  .category .menu-item--size-columns .menu-item__top,
  .category .menu-item--single-price .menu-item__top {
    grid-template-columns: minmax(0, 1fr);
    grid-template-areas: "name" "meta" "prices";
    gap: .15rem;
  }
  .menu-item__prices--columns { margin-top: .85rem; gap: .75rem; }
  .menu-item__price-label { font-size: .75rem; line-height: 1.4; font-weight: 500; }
  .menu-item__price-value { margin-top: .2rem; font-size: 1.05rem; }
  .menu-item__description { font-size: .98rem; }
}

@media (min-width: 48rem) {
  .section-nav__inner { gap: 2.1rem; }
  .section-nav a { padding-inline: .5rem; }
  .menu-section { padding-block: 5.5rem 6rem; }
  .menu-section--comida { padding-top: 3rem; }
  .menu-section__title { margin-bottom: 2.25rem; }
  .categories { gap: 4rem; }
  .menu-section__layout--text { max-width: none; }
  .menu-section--destilados .categories { grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: clamp(3rem, 8vw, 8rem); align-items: start; }
  .menu-section--sin-alcohol .category__items { grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: clamp(3rem, 8vw, 8rem); }
  .section-photo { max-width: none; }
}

@media (min-width: 64rem) {
  .menu-section__layout { grid-template-columns: minmax(0, 1.15fr) minmax(0, .85fr); gap: clamp(3rem, 6vw, 6rem); }
  .section-photo { width: 100%; max-height: none; top: calc(var(--dock-height) + var(--subnav-height) + 24px); }
  .section-photo img { max-height: none; height: auto; object-fit: contain; }
  .menu-section--cocteleria .section-photo { grid-column: 1; }
  .menu-section--cocteleria .categories { grid-column: 2; }
  .menu-section__layout--text { grid-template-columns: minmax(0, 1fr); }
}

/* Shared beer status. Unknown metrics and unavailable prices remain absent. */
.menu-item__availability { margin: .55rem 0 0; color: var(--color-muted); font-size: .88rem; }
.menu-item__origin { display: inline-block; margin-top: .45rem; color: var(--color-accent); font-size: .73rem; letter-spacing: .04em; }
.menu-item--sold-out .menu-item__name { color: var(--color-muted); }