/* ===== CARTA ===== */

.carta-intro__grid { display: grid; gap: var(--space-block); }
@media (min-width: 64rem) { .carta-intro__grid { grid-template-columns: 1fr 1fr; } }

/* Menus */
.menus__intro { max-width: 46rem; margin-bottom: clamp(1.8rem, 4vw, 3rem); }
.menus__note { color: var(--terracota); }
.menus__grid {
  display: grid;
  gap: 1px;
  background: color-mix(in srgb, var(--humo) 36%, transparent);
  border: 1px solid color-mix(in srgb, var(--humo) 36%, transparent);
}
.menu-card {
  min-height: clamp(13rem, 22vw, 17rem);
  display: grid;
  align-content: space-between;
  gap: 2rem;
  padding: clamp(1.25rem, 2.6vw, 2rem);
  background:
    linear-gradient(145deg, color-mix(in srgb, var(--marfil) 98%, white), color-mix(in srgb, var(--marfil) 88%, var(--ambar-muro))),
    var(--marfil);
}
.menu-card__top { display: flex; justify-content: space-between; align-items: baseline; gap: 1rem; }
.menu-card__num { color: color-mix(in srgb, var(--marron-marca) 38%, transparent); }
.menu-card__price { color: var(--terracota); font-size: 1rem; font-variant-numeric: tabular-nums; white-space: nowrap; }
.menu-card__name {
  font-family: var(--font-display);
  font-size: clamp(2.2rem, 4.8vw, 4.8rem);
  line-height: 0.9;
  font-variation-settings: 'opsz' 72, 'SOFT' 28, 'WONK' 0;
}
.menu-card__detail {
  max-width: 24ch;
  color: color-mix(in srgb, var(--marron-marca) 66%, transparent);
  font-size: 0.95rem;
}
.menus__iva { margin-top: 1.4rem; color: color-mix(in srgb, var(--marron-marca) 55%, transparent); text-transform: none; }
@media (min-width: 48rem) {
  .menus__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

/* Cocina */
.cocina-gallery__grid {
  display: grid;
  gap: clamp(0.9rem, 2vw, 1.5rem);
  align-items: start;
}
.cocina-gallery__grid img { width: 100%; object-fit: cover; }
.cocina-gallery__hero img { aspect-ratio: 4 / 5; }
.cocina-gallery__item img { aspect-ratio: 1 / 1; }
@media (min-width: 48rem) {
  .cocina-gallery__grid {
    grid-template-columns: minmax(0, 1.15fr) minmax(0, 0.85fr);
    grid-template-areas:
      "hero item1"
      "hero item2"
      "item3 item4";
  }
  .cocina-gallery__hero { grid-area: hero; }
  .cocina-gallery__item--1 { grid-area: item1; }
  .cocina-gallery__item--2 { grid-area: item2; }
  .cocina-gallery__item--3 { grid-area: item3; width: min(100%, 78%); }
  .cocina-gallery__item--4 { grid-area: item4; margin-top: clamp(2rem, 5vw, 5rem); }
}
@media (min-width: 72rem) {
  .cocina-gallery__grid {
    grid-template-columns: minmax(0, 1.08fr) minmax(16rem, 0.58fr) minmax(0, 0.72fr);
    grid-template-areas:
      "hero item1 item3"
      "hero item2 item4";
  }
  .cocina-gallery__hero img { aspect-ratio: 5 / 6; }
  .cocina-gallery__item--3 { width: 100%; margin-top: clamp(4rem, 8vw, 8rem); }
}

/* Quesos */
.quesos__text { margin-bottom: var(--space-block); }

/* CTA final */
.carta-cta { text-align: center; border-top: 1px solid color-mix(in srgb, var(--humo) 30%, transparent); display: grid; justify-items: center; gap: 1.2rem; }
.carta-cta__title { font-size: var(--size-h2); max-width: 12em; }
.carta-cta__text { color: color-mix(in srgb, var(--marfil) 75%, transparent); max-width: 40ch; }