/* Estilos específicos para la página de reserva */
[data-route="reserva"] .hero-inner {
  grid-template-columns: 1fr;
}

[data-route="reserva"] form {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}

[data-route="reserva"] form textarea {
  grid-column: 1/-1;
  height: 90px;
}

[data-route="reserva"] form button[type="submit"] {
  grid-column: 1/-1;
}

[data-route="reserva"] form small {
  grid-column: 1/-1;
  opacity: .8;
}

@media (max-width: 768px) {
  [data-route="reserva"] form {
    grid-template-columns: 1fr;
  }
}