/* GRID de tiles */
.payment-tiles {
  display: flex; flex-wrap: wrap; gap: 12px; margin: 10px 0 18px;
}
.payment-tile {
  position: relative; width: 160px; height: 92px; border: 1px solid #e2e8f0;
  border-radius: 10px; background: #fff; cursor: pointer; overflow: hidden;
  display: flex; align-items: center; justify-content: center; padding: 8px;
  transition: box-shadow .2s ease, border-color .2s ease, transform .08s ease;
}
.payment-tile:hover { border-color: #cbd5e1; box-shadow: 0 2px 10px rgba(0,0,0,.06); }
.payment-tile input { position: absolute; inset: 0; opacity: 0; cursor: pointer; }
.payment-tile img { max-width: 100%; max-height: 70%; object-fit: contain; }
.payment-tile.active { border-color: #0ea5e9; box-shadow: 0 0 0 3px rgba(14,165,233,.15); }

#payment-details .detail { display: none; }
#payment-details .detail.active { display: block; }

.cards-list { margin: 10px 0; }
.card-item { text-align: center; margin-bottom: 10px; }
.card-item a { display:block; border:1px solid #e2e8f0; border-radius:8px; padding:8px; transition:all .15s; }
.card-item a:hover { border-color:#cbd5e1; }
.card-item.active a { border-color:#0ea5e9; box-shadow:0 0 0 3px rgba(14,165,233,.15); }

.finance-quota-options { list-style:none; padding-left:0; }
.finance-quota-options li { padding:6px 0; border-bottom:1px dashed #eee; }
.finance-quota-options li:last-child { border-bottom:none; }