/* SDB - Medios de Pago (Popup con Tabs) - Base */
.sdb-mp-btn{
  display:inline-block;margin:.5rem 0;padding:.6rem 1rem;border:1px solid #ddd;border-radius:8px;
  cursor:pointer;background:#fff
}
.sdb-mp-overlay{position:fixed;inset:0;background:rgba(0,0,0,.45);display:none;z-index:9999}
.sdb-mp-box{
  background:#fff;max-width:900px;margin:6vh auto;padding:0;border-radius:12px;box-shadow:0 10px 30px rgba(0,0,0,.2);
  max-height:90vh;overflow-y:auto
}
.sdb-mp-header{
  position:sticky;top:0;background:#A551FC;padding:14px 16px;border-bottom:1px solid #eee;border-top-left-radius:12px;border-top-right-radius:12px;

color: #fff;
    text-align: center;
}
.sdb-mp-close{position:absolute;right:18px;top:12px;cursor:pointer;font-size:18px;opacity:.7}
.sdb-mp-title{margin:0;font-size:1.1rem}
.sdb-mp-price{opacity:.9;margin-top:4px}
.sdb-mp-body{padding:0 16px 16px}

/* Tabs */
.sdb-tabs{margin:0;font-family:inherit}
.sdb-tab-buttons{display:flex;border-bottom:2px solid #ccc}
.sdb-tab-link{
  flex:1;padding:10px;cursor:pointer;border:none;border-bottom:3px solid transparent;background:#f5f5f5;
  font-weight:bold;transition:all .2s ease;margin:0;
  line-height: 35px;
  
  display: flex;
  align-items: center;   /* Centra verticalmente */
  justify-content: center; /* Centra horizontalmente */

}
.sdb-tab-link.active{border-bottom-color:#0073e6;background:#fff}
.sdb-tab-content{display:none;padding:15px;background:#fff}
.sdb-tab-content.active{display:block}

.img_tab{
    max-height: 30px;
    margin-right: 10px;
  }


  .financiacion-wrapper{
    --radius: 14px;
    --border: #e7e7e9;
    --bg: #fff;
    --muted: #6b7280;
    --accent: #0ea5e9;
    --shadow: 0 10px 30px rgba(0,0,0,.08);
    background: var(--bg);
    border: 1px solid var(--border);
    border-radius: var(--radius);
    box-shadow: var(--shadow);
    overflow: hidden;
  }
  .financiacion-header{
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 16px;
    padding: 14px 16px;
    border-bottom: 1px solid var(--border);
    background: #f9fafb;
  }
  .financiacion-header strong{ font-size: 1.05rem; }
  .financiacion-header small{ display:block; color: var(--muted); }
  .financiacion-precio{
    display: grid; gap: 6px; text-align: right;
  }
  .financiacion-precio label{
    font-size: .85rem; color: var(--muted);
  }
  .financiacion-precio input{
    width: 180px; padding: 8px 10px; border: 1px solid var(--border);
    border-radius: 8px; font-size: .95rem;
  }
  .financiacion-table-scroll{ overflow:auto; max-height: 60vh; }
  .financiacion-table{
    width:95%; border-collapse: collapse; background: #fff;
    margin: 10px;
  }
  .financiacion-table thead th{
    position: sticky; top:0; background:#fff;
    border-bottom: 1px solid var(--border);
    text-align: left; padding: 12px; font-weight: 700; font-size: .95rem;
  }
  .financiacion-table tbody td{
    border-bottom: 1px solid var(--border);
    padding: 12px; font-size: .95rem;
  }
  .financiacion-table tbody tr:hover{
    background: #f7fbff;
  }
  .financiacion-table td.cuota, .financiacion-table td.total{
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
  }
  .financiacion-note{
    margin: 10px 16px 14px;
    color: var(--muted);
    font-size: .85rem;
  }

  /* Responsive */
  @media (max-width: 640px){
    .financiacion-header{ flex-direction: column; align-items: stretch; }
    .financiacion-precio{ text-align: left; }
    .financiacion-precio input{ width: 100%; }
  }


  .financiacion-cards{
    display: flex;
    margin-bottom: 10px;
    flex-wrap: wrap;
  }