/* ImpulsaTech — logística posterior al adelanto de una reserva */

.guest-fulfillment-button {
  width: 100%;
  margin-top: 12px;
  padding: 13px 16px;
  border: 0;
  border-radius: 12px;
  background: #ed0074;
  color: #fff;
  font: inherit;
  font-weight: 800;
  cursor: pointer;
}

.guest-fulfillment-button[hidden],
.guest-fulfillment-hint[hidden],
.reservation-fulfillment-grid[hidden],
#reservationDeliveryAgencyField[hidden],
#reservationPickupTimeDetailField[hidden] {
  display: none !important;
}

.guest-fulfillment-hint,
.reservation-fulfillment-notice,
.reservation-logistics-summary {
  margin: 12px 0 0;
  padding: 11px 13px;
  border-radius: 11px;
  background: #fff2c9;
  color: #7a4a00;
  line-height: 1.4;
}

.reservation-logistics-summary {
  display: grid;
  gap: 3px;
  margin-bottom: 10px;
  background: #f5f7fb;
  color: #273244;
  border: 1px solid #dde3ec;
}

.reservation-logistics-summary--attention {
  background: #fff2c9;
  border-color: #f2d98a;
  color: #7a4a00;
}

.reservation-logistics-summary--pending {
  background: #edf4ff;
  border-color: #c8dcff;
  color: #174a8b;
}

.reservation-fulfillment-modal {
  width: min(760px, calc(100vw - 30px));
  max-height: min(90vh, 860px);
  overflow-y: auto;
}

.reservation-fulfillment-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
  padding: 15px;
  border: 1px solid #dde3ec;
  border-radius: 14px;
  background: #fafbfc;
}

.reservation-fulfillment-grid h3,
.reservation-fulfillment-grid__full {
  grid-column: 1 / -1;
}

.reservation-fulfillment-grid h3 {
  margin: 0;
  color: #8b003f;
}

@media (max-width: 650px) {
  .reservation-fulfillment-grid {
    grid-template-columns: 1fr;
  }
  .reservation-fulfillment-grid h3,
  .reservation-fulfillment-grid__full {
    grid-column: auto;
  }
}