/* Booking */
.reserva-box {
    position: absolute;top: 87%;z-index: 9999;transform: translate(4%, -8%);
    background: var(--white);display: flex;justify-content: center;align-items: center;gap: 1rem;padding: 1.5rem;border-radius: 12px;box-shadow: 5px 5px 15px rgba(0,0,0,0.2);flex-wrap: wrap;}
.reserva-box form {display: flex;gap: 1.2rem;flex-wrap: wrap;align-items: flex-end;}
.reserva-box-item {display: flex;flex-direction: column;}
.reserva-box-item label {display: block;font-size: 0.8rem;font-weight: 600;color: #444;text-transform: uppercase;margin-bottom: 0.3rem;}
.reserva-box-input-icon {display: flex;align-items: center;background: #fff;border: 1px solid #ddd;border-radius: 6px;overflow: hidden;min-width: 180px;}
.reserva-box-icon {background: #a02d1c;color: white;display: flex;align-items: center;justify-content: center;width: 55px;height: 41px;font-size: 1rem;}
.reserva-box-input-icon input[type="date"],
.reserva-box-input-icon select {border: none;padding: 0.6rem;font-size: 0.9rem;width: 100%;outline: none;color: #333;background: transparent;appearance: none;}
.reserva-box-input-icon select {background: transparent url('data:image/svg+xml;utf8,<svg fill="%23a02d1c" height="20" viewBox="0 0 24 24" width="20" xmlns="http://www.w3.org/2000/svg"><path d="M7 10l5 5 5-5z"/></svg>') no-repeat right 10px center;}
.reserva-box-button {background: #e5c7a4;border: none;color: #222;font-weight: 600;text-transform: uppercase;border-radius: 6px;padding: 0.8rem 1.6rem;cursor: pointer;transition: background 0.3s;}
.reserva-box-button:hover {background-color: var(--brown);color: var(--cream);}
/* --- Responsive --- */
@media (max-width: 768px) {
  .reserva-box {
    position: static;
    transform: none;
    width: 100%;
    box-shadow: none;
    border-radius: 0;
    padding: 1rem;
  }

  .reserva-box form {
    flex-direction: initial; /* apila todos los elementos */
    align-items: stretch;
    gap: 1rem;
  }

  .reserva-box-item {
    width: 100%;
  }

  .reserva-box-input-icon {
    width: 100%;
  }

  .reserva-box-button {
    width: 100%;
  }
}