.reserva {
  padding: var(--aire) var(--centrado);
  text-align: center;
}

.reserva p {
  max-width: 56ch;
  margin: 20px auto 0;
}

.reserva .boton {
  margin-top: 36px;
}

.reserva-motor {
  max-width: 960px;
  margin: clamp(40px, 5vw, 72px) auto 0;
}

.reserva-motor iframe {
  display: block;
  width: 100%;
  height: clamp(360px, 38vw, 520px);
  border: 0;
}

.plato {
  flex: none;
  width: 100%;
  height: 100%;
  min-height: clamp(440px, 52vw, 760px);
  object-fit: cover;
  scroll-snap-align: start;
}

@media (max-width: 860px) {
  .plato {
    min-height: 0;
    aspect-ratio: 4 / 3;
  }
}