.restaurant-hero {
  position: relative;
}

.restaurant-hero__grid {
  align-items: center;
  gap: var(--space-10);
}

.restaurant-hero__title {
  max-width: 18ch;
}

.restaurant-hero__lead {
  max-width: 42rem;
}

.restaurant-hero__ctas {
  margin-top: var(--space-6);
}

.restaurant-hero__media {
  max-width: 620px;
  margin-left: auto;
}

.restaurant-hero__figure {
  box-shadow: var(--shadow-medium);
  border-radius: var(--radius-xl);
}

.restaurant-section-header {
  max-width: 46rem;
}

.restaurant-section-header__lead {
  max-width: 40rem;
}

.restaurant-ambiente__grid,
.restaurant-experiencia__grid,
.restaurant-cenas__grid,
.restaurant-privadas__grid,
.restaurant-compromiso__grid {
  gap: var(--space-10);
  align-items: center;
}

.restaurant-ambiente__figure,
.restaurant-privadas__figure {
  box-shadow: var(--shadow-soft);
}

.restaurant-sabores__grid,
.restaurant-servicio__grid,
.restaurant-testimonios__grid {
  margin-top: var(--space-10);
}

.restaurant-experiencia__subtitle,
.restaurant-privadas__subtitle {
  font-size: var(--font-size-lg);
  margin-bottom: var(--space-3);
}

.restaurant-cenas__list,
.restaurant-compromiso__list,
.restaurant-privadas__container ul,
.restaurant-experiencia__grid ul {
  padding-left: var(--space-5);
}

.restaurant-testimonios__grid figure {
  display: flex;
  flex-direction: column;
  gap: var(--space-3);
}

.restaurant-testimonios__grid blockquote {
  margin: 0;
}

.restaurant-compromiso__aside {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

@media (max-width: 992px) {
  .restaurant-hero__grid {
    gap: var(--space-8);
  }

  .restaurant-hero__media {
    max-width: 100%;
  }
}

@media (max-width: 768px) {
  .restaurant-hero {
    padding-top: var(--space-12);
  }

  .restaurant-hero__title {
    max-width: none;
  }

  .restaurant-hero__lead {
    max-width: none;
  }

  .restaurant-hero__ctas {
    justify-content: flex-start;
  }

  .restaurant-ambiente__grid,
  .restaurant-experiencia__grid,
  .restaurant-cenas__grid,
  .restaurant-privadas__grid,
  .restaurant-compromiso__grid {
    gap: var(--space-8);
  }

  .restaurant-sabores__grid,
  .restaurant-servicio__grid,
  .restaurant-testimonios__grid {
    margin-top: var(--space-8);
  }
}