/* ============================================================
   CHECKOUT PAY NOW — RESET & FIX DEFINITIVO
   Arregla payment-card, summary, cupón en todas las páginas
   ============================================================ */

/* ── PAYMENT CARD ── */
#checkoutModal .payment-options,
.checkout-form .payment-options {
  display:block!important;
  border:1px solid #d0deff!important;
  background:#f8fbff!important;
  border-radius:18px!important;
  padding:16px!important;
  margin:12px 0!important;
}
#checkoutModal .payment-options > span,
.checkout-form .payment-options > span {
  display:block!important;
  margin:0 0 10px!important;
  font-size:11px!important;
  color:#2048a0!important;
  font-weight:900!important;
  text-transform:uppercase!important;
  letter-spacing:.06em!important;
}
#checkoutModal .payment-card,
.checkout-form .payment-card {
  display:flex!important;
  flex-direction:row!important;
  align-items:center!important;
  gap:14px!important;
  width:100%!important;
  min-height:64px!important;
  padding:14px 16px!important;
  border-radius:14px!important;
  border:2px solid #2048a0!important;
  background:#fff!important;
  box-shadow:none!important;
  cursor:pointer!important;
}
#checkoutModal .payment-card > input[type="radio"],
.checkout-form .payment-card > input[type="radio"] {
  flex:0 0 20px!important;
  width:20px!important;
  height:20px!important;
  min-width:20px!important;
  max-width:20px!important;
  min-height:20px!important;
  max-height:20px!important;
  margin:0!important;
  padding:0!important;
  appearance:auto!important;
  -webkit-appearance:radio!important;
  accent-color:#2048a0!important;
}
#checkoutModal .payment-card .payment-card-body,
.checkout-form .payment-card .payment-card-body {
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  gap:2px!important;
  flex:1!important;
  min-width:0!important;
}
#checkoutModal .payment-card .payment-card-body strong,
.checkout-form .payment-card .payment-card-body strong {
  display:block!important;
  font-size:15px!important;
  font-weight:800!important;
  line-height:1.25!important;
  color:#102a63!important;
  white-space:normal!important;
}
#checkoutModal .payment-card .payment-card-body small,
.checkout-form .payment-card .payment-card-body small {
  display:block!important;
  font-size:13px!important;
  line-height:1.4!important;
  color:#607093!important;
  white-space:normal!important;
  font-weight:500!important;
}

/* ── WOMPI INFO BAR ── */
#checkoutModal .wompi-info,
.checkout-form .wompi-info {
  display:block!important;
  border:1px solid #d0deff!important;
  background:#f4f8ff!important;
  border-radius:12px!important;
  padding:10px 14px!important;
  font-size:13px!important;
  color:#607093!important;
  font-weight:600!important;
  margin:10px 0 0!important;
}
#checkoutModal .wompi-info b,
.checkout-form .wompi-info b {
  color:#2048a0!important;
  font-weight:800!important;
}

/* ── RESUMEN DEL PEDIDO ── */
#checkoutSummary .summary-row,
#bcCheckoutSummary .summary-row,
#checkoutSummary .summary-total,
#bcCheckoutSummary .summary-total {
  display:flex!important;
  justify-content:space-between!important;
  gap:14px!important;
  align-items:flex-start!important;
  border-bottom:1px solid #e8eeff!important;
  padding:11px 0!important;
  color:#102a63!important;
}
#checkoutSummary .summary-row small,
#bcCheckoutSummary .summary-row small {
  display:block!important;
  color:#607093!important;
  font-size:12px!important;
  font-weight:600!important;
  line-height:1.4!important;
  margin-top:3px!important;
}
#checkoutSummary .summary-total,
#bcCheckoutSummary .summary-total {
  margin-top:12px!important;
  padding:14px 18px!important;
  border:2px solid #2048a0!important;
  border-radius:14px!important;
  background:#edf5ff!important;
  font-weight:900!important;
  font-size:16px!important;
}
#checkoutSummary .summary-total b,
#bcCheckoutSummary .summary-total b {
  font-size:22px!important;
  color:#2048a0!important;
}
#checkoutSummary .gift-credit-discount,
#bcCheckoutSummary .gift-credit-discount {
  color:#16a34a!important;
  font-weight:700!important;
}
#checkoutSummary .gift-credit-discount b,
#bcCheckoutSummary .gift-credit-discount b {
  color:#16a34a!important;
}

/* ── SECCIÓN CUPÓN ── */
#checkoutSummary .gift-credit-checkout,
#bcCheckoutSummary .gift-credit-checkout {
  margin-top:14px!important;
  border:1px solid #f1c248!important;
  border-radius:14px!important;
  padding:14px!important;
  background:#fffdf5!important;
}
#checkoutSummary .gift-credit-checkout h4,
#bcCheckoutSummary .gift-credit-checkout h4 {
  margin:0 0 6px!important;
  color:#102a63!important;
  font-size:16px!important;
  font-weight:800!important;
}
#checkoutSummary .gift-credit-checkout p,
#bcCheckoutSummary .gift-credit-checkout p {
  margin:0 0 10px!important;
  color:#607093!important;
  font-size:13px!important;
  font-weight:600!important;
  line-height:1.45!important;
}
#checkoutSummary .gift-credit-row,
#bcCheckoutSummary .gift-credit-row {
  display:flex!important;
  flex-wrap:wrap!important;
  gap:8px!important;
  align-items:center!important;
}
#checkoutSummary .gift-credit-row input,
#bcCheckoutSummary .gift-credit-row input {
  flex:1!important;
  min-width:120px!important;
  min-height:42px!important;
  border:1px solid #d9e5fb!important;
  border-radius:10px!important;
  padding:0 12px!important;
  font:700 14px Poppins,Arial!important;
  color:#102a63!important;
}
#checkoutSummary .gift-credit-row .btn,
#bcCheckoutSummary .gift-credit-row .btn,
#checkoutSummary .gift-credit-row button,
#bcCheckoutSummary .gift-credit-row button {
  min-height:42px!important;
  border-radius:10px!important;
  font:800 13px Poppins,Arial!important;
  cursor:pointer!important;
  white-space:nowrap!important;
  flex-shrink:0!important;
}
#bcApplyGiftCredit {
  border:1px solid #2048a0!important;
  color:#2048a0!important;
  background:#fff!important;
}
#bcRemoveGiftCredit {
  border:1px solid #fca5a5!important;
  background:#fff5f5!important;
  color:#dc2626!important;
}

/* ── NOTAS OK/ERR ── */
.bc-payhard-note {
  border-radius:12px!important;
  padding:10px 14px!important;
  font:700 13px Poppins,Arial!important;
  line-height:1.5!important;
  margin-top:10px!important;
}
.bc-payhard-note.ok { background:#f0fdf4!important; border:1px solid #86efac!important; color:#15803d!important; }
.bc-payhard-note.err { background:#fff5f5!important; border:1px solid #fca5a5!important; color:#b91c1c!important; }

/* ── BOTÓN PAGAR ── */
.checkout-submit,
#checkoutForm .checkout-submit {
  display:block!important;
  width:100%!important;
  background:#2048a0!important;
  color:#fff!important;
  border:0!important;
  border-radius:14px!important;
  padding:18px!important;
  font:900 17px Poppins,Arial!important;
  cursor:pointer!important;
  margin-top:18px!important;
  text-align:center!important;
}
.checkout-submit:disabled { opacity:.75!important; cursor:wait!important; }

@media(max-width:640px){
  .checkout-modal { width:min(96vw,720px)!important; }
  #checkoutSummary .gift-credit-row,
  #bcCheckoutSummary .gift-credit-row { flex-direction:column!important; }
  #checkoutSummary .gift-credit-row input,
  #bcCheckoutSummary .gift-credit-row input { width:100%!important; }
}