/* ============================================================
   Formas de pago debajo de los planes (franja de pagos de las landings)
   ============================================================ */
.bt.pagos-franja { max-width: 860px; margin: 34px auto 0; }
.pagos-franja .payment-strip {
  display: flex; align-items: center; justify-content: space-between; gap: 30px;
  padding: 22px 28px; border: 1px solid var(--line); border-radius: 12px; background: #fafcff;
}
.pagos-franja .payment-caption { display: flex; align-items: center; gap: 13px; min-width: 0; }
.pagos-franja .payment-lock { display: flex; color: var(--blue); flex-shrink: 0; }
.pagos-franja .payment-caption strong { display: block; font-size: 14px; font-weight: 700; color: var(--ink); }
.pagos-franja .payment-caption div > span { display: block; margin-top: 4px; font-size: 12.5px; line-height: 1.45; color: var(--muted); }
.pagos-franja .payment-brands { display: flex; align-items: center; gap: 24px; flex-shrink: 0; }
.pagos-franja .payment-brand { display: inline-flex; align-items: center; justify-content: center; flex-shrink: 0; }
.pagos-franja .payment-divider { width: 1px; height: 27px; background: var(--line); }
.pagos-franja .stripe-brand { font: 800 27px Arial, sans-serif; letter-spacing: -.08em; color: #635bff; }
.pagos-franja .visa-brand { font: italic 900 23px Arial, sans-serif; letter-spacing: -.055em; color: #1434cb; }
.pagos-franja .mastercard-brand { flex-direction: column; gap: 3px; }
.pagos-franja .mastercard-brand > span { font: 12px Arial, sans-serif; letter-spacing: -.03em; color: #182433; }
.pagos-franja .amex-brand { padding: 7px 6px; border-radius: 4px; background: #006fcf; color: #fff; font: 800 11px/1.05 Arial, sans-serif; text-align: center; letter-spacing: -.035em; }
.pagos-extra { display: flex; justify-content: center; flex-wrap: wrap; gap: 6px 28px; margin: 14px 0 0; font-size: 13px; line-height: 1.5; color: var(--muted); text-align: center; }
.pagos-extra a { color: var(--blue); font-weight: 600; text-decoration: none; }
@media (hover: hover) { .pagos-extra a:hover { text-decoration: underline; } }

@media (max-width: 760px) {
  .pagos-franja .payment-strip { flex-direction: column; align-items: flex-start; gap: 20px; padding: 20px; }
  .pagos-franja .payment-brands { width: 100%; justify-content: space-between; gap: 12px; }
  .pagos-franja .stripe-brand { font-size: 24px; }
  .pagos-franja .visa-brand { font-size: 20px; }
  .pagos-extra { flex-direction: column; align-items: center; }
}