/* ===== BOX Pago por transferencia (completo) ===== */

/* Base box */
.i2m-paybox{
  background:#ffffff;
  border:1px solid #e8edf3;
  border-radius:14px;
  padding:18px 18px 16px;
  box-shadow:0 6px 18px rgba(16,24,40,.06);
  position:relative;
}

/* Variante Transferencia */
.i2m-paybox-transferencia{
  border-left:6px solid #16a34a; /* verde */
}

/* Header */
.i2m-paybox-header{
  display:flex;
  align-items:center;
  gap:12px;
  padding-bottom:12px;
  margin-bottom:12px;
  border-bottom:1px solid #eef2f7;
}

.i2m-paybox-icon{
  width:42px;
  height:42px;
  border-radius:12px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:#ecfdf5;     /* verde suave */
  color:#16a34a;          /* verde */
  flex:0 0 auto;
}

.i2m-paybox-icon i{
  font-size:18px;
  line-height:1;
}

.i2m-paybox-title{
  margin:0;
  font-size:18px;
  font-weight:700;
  color:#111827;
}

/* Body */
.i2m-paybox-body{
  color:#374151;
  font-size:14px;
  line-height:1.6;
}

.i2m-paybox-text{
  margin:0 0 10px 0;
}

.i2m-paybox-text:last-child{
  margin-bottom:0;
}

/* Subtitulos internos */
.i2m-paybox-subtitle{
  margin:16px 0 10px;
  font-size:15px;
  font-weight:700;
  color:#111827;
}

/* ===== Datos bancarios ===== */
.i2m-paybox-bankdata{
  background:#f8fafc;
  border:1px solid #e5e7eb;
  border-radius:12px;
  padding:14px 16px;
  margin-top:12px;
}

.i2m-paybox-banklist{
  list-style:none;
  padding:0;
  margin:0;
}

.i2m-paybox-banklist li{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:12px;
  padding:8px 0;
  border-bottom:1px dashed #e5e7eb;
}

.i2m-paybox-banklist li:last-child{
  border-bottom:none;
}

.i2m-paybox-banklabel{
  font-weight:600;
  color:#374151;
  flex:0 0 auto;
}

.i2m-paybox-bankvalue{
  font-weight:700;
  color:#111827;
  text-align:right;
  word-break:break-all;
}

/* ===== Comprobante ===== */
.i2m-paybox-proof{
  margin-top:18px;
}

.i2m-paybox-upload{
  margin-top:10px;
  padding:18px;
  border:2px dashed #d1d5db;
  border-radius:14px;
  background:#ffffff;
  text-align:center;
  color:#6b7280;
}

.i2m-paybox-upload-placeholder{
  font-size:14px;
  font-weight:600;
  display:block;
}

/* Hover suave */
.i2m-paybox:hover{
  box-shadow:0 10px 26px rgba(16,24,40,.10);
  transform:translateY(-1px);
  transition:box-shadow .18s ease, transform .18s ease;
}

/* Mobile */
@media (max-width:480px){
  .i2m-paybox{
    padding:16px 14px;
  }

  .i2m-paybox-banklist li{
    flex-direction:column;
    gap:4px;
  }

  .i2m-paybox-bankvalue{
    text-align:left;
  }
}
.i2m-paybox-compact {
    max-width: 980px;
    margin: 0 auto;
    padding: 24px;
}

.i2m-paybox-compact .i2m-paybox-header {
    margin-bottom: 14px;
}

.i2m-paybox-compact .i2m-paybox-icon {
    width: 42px;
    height: 42px;
    font-size: 18px;
}

.i2m-paybox-bankdata-compact {
    padding: 18px 20px;
    margin: 18px 0;
}

.i2m-paybox-compact .i2m-paybox-subtitle {
    font-size: 16px;
    margin-bottom: 14px;
}

.i2m-paybox-compact .i2m-paybox-text {
    margin-bottom: 12px;
}
.i2m-tb-amount-card {
    border: 1px dashed #c8d1dc;
    border-radius: 14px;
    padding: 18px 22px;
    text-align: center;
    background: #f8fafc;
}

.i2m-tb-amount-label {
    color: #6c757d;
    font-size: 14px;
    margin-bottom: 8px;
}

.i2m-tb-amount-value input {
    border: 0 !important;
    background: transparent !important;
    text-align: center;
    font-size: 32px;
    font-weight: 700;
    color: #168f45;
    box-shadow: none !important;
}