/* Iniciar pago (step) styles aligned to provided reference */
.step-wrapper{max-width:1140px;margin:0 auto}
.step-row{display:flex;align-items:center;gap:16px;margin:18px 0}
.step-col{width:24px;display:flex;justify-content:center}
.step-item{display:flex;flex-direction:column;gap:2px}
.ico_pago_step_num{box-sizing:border-box;height:23px;width:23px;border:1px solid #ff0f64;background-color:#FFF;border-radius:50%;display:block;position:relative}
.ico_pago_step_num span{width:21px;height:21px;opacity:.65;color:#ff0f64;font-size:16px;line-height:21px;text-align:center;display:block}
.ico_pago_step_num.active{background-color:#ff0f64}
.ico_pago_step_num.active:after{content:"";position:absolute;left:6px;top:6px;width:11px;height:11px;border-radius:50%;background:#fff}
.step-item-title{display:block;font-weight:700;color:#000}
.step-item-text{display:block;color:#6b7280;font-size:14px}
.step-edit a{color:#ff0f64;font-weight:700;font-size:12px}
.step-line{border-left:2px solid #ff0f64;margin:14px 0 0 9px;padding-left:30px}
.step-table .label{display:block;font-weight:600;margin-bottom:6px}
.step-table .text{display:block}
.table-pvt{width:100%;border:1px solid #ddd;border-collapse:separate;border-spacing:0;margin:20px 0;border-radius:6px;overflow:hidden}
.table-pvt th{background:#fff;padding:15px 20px;border-left:1px solid #ddd;border-bottom:1px solid #e5e5e5;text-align:center;color:#000;font-weight:700}
.table-pvt td{background:#fff;padding:15px 20px;border-left:1px solid #ddd;text-align:center;color:#000}
.table-pvt tr:nth-child(even) td{background:#f7f7f7}
.payment__totalAmount{padding:16px 0;color:#000}
.payment__separator{border-top:1px solid #e5e5e5;margin:12px 0}
#btn-pago-table{padding:12px 28px;border-radius:6px;display:inline-flex;align-items:center;justify-content:center;text-align:center;white-space:nowrap;line-height:1}
.pvtArea-account-total{overflow:visible}
@media (max-width: 767px){#btn-pago-table{width:100%}}

/* Responsive table: card layout on tablet/mobile */
@media (max-width:1024px){
  /* Stack total+button below table */
  #payment-to-pay{flex-direction:column}
  .payment__totalAmount{width:100%; margin-top:12px}

  /* Card layout for table */
  .faturaTable{overflow:visible;width:100%}
  .faturaTable .table-pvt{min-width:0;border-collapse:separate;border-spacing:0;border:0;background:transparent;overflow:visible;border-radius:0;margin:0}
  .faturaTable table, .faturaTable thead, .faturaTable tbody, .faturaTable th, .faturaTable td, .faturaTable tr{display:block;width:100%}
  .faturaTable thead{display:none}
  .faturaTable tr{border:1px solid #ddd;border-radius:8px;overflow:hidden;margin:12px 0;background:#fff}
  .faturaTable td{border-left:0;border-bottom:1px solid #eee;padding:12px 16px;text-align:left;display:flex;align-items:center;justify-content:space-between;gap:12px}
  .faturaTable td:last-child{border-bottom:0}
  .faturaTable td::before{content:attr(data-label);font-weight:600;color:#6b7280}
  .faturaTable .table-pvt-cell-center{display:flex;align-items:center;justify-content:space-between}
}