/* BYTE-CON v1.3.11 · QR de pago ampliable sin crecer el formulario */

.qr-expand-btn{
  appearance:none;
  border:1px solid rgba(67,212,232,.38);
  background:rgba(36,143,189,.10);
  color:#dffbff;
  border-radius:9px;
  padding:6px 9px;
  font-size:.64rem;
  font-weight:800;
  cursor:pointer;
  line-height:1.1;
  transition:border-color .15s,background .15s,transform .15s;
}
.qr-expand-btn:hover,.qr-expand-btn:focus-visible{
  border-color:#43d4e8;
  background:rgba(67,212,232,.16);
  outline:none;
}
.qr-expand-btn:active{transform:scale(.98)}

.public-page .initial-account-card .qr-expand-btn{margin-top:4px;width:100%}
.cuik-qr-panel .qr-expand-btn{margin-top:5px}
.bi-zigi-qr-box .qr-expand-btn{margin-top:2px}

.payment-qr-modal{
  position:fixed;
  inset:0;
  z-index:20000;
  display:none;
  place-items:center;
  padding:22px;
  background:rgba(3,7,13,.84);
  backdrop-filter:blur(7px);
  -webkit-backdrop-filter:blur(7px);
}
.payment-qr-modal.is-open{display:grid}
.payment-qr-modal-panel{
  position:relative;
  width:min(92vw,560px);
  max-height:92vh;
  overflow:auto;
  border:1px solid #33425a;
  border-radius:20px;
  background:#0d1521;
  box-shadow:0 30px 90px rgba(0,0,0,.58);
  padding:22px;
  text-align:center;
}
.payment-qr-modal-close{
  position:absolute;
  top:10px;
  right:10px;
  width:38px;
  height:38px;
  border-radius:999px;
  border:1px solid #344258;
  background:#121c2a;
  color:#fff;
  font-size:1.35rem;
  cursor:pointer;
  display:grid;
  place-items:center;
  line-height:1;
}
.payment-qr-modal-copy{padding:3px 46px 14px}
.payment-qr-modal-copy span{
  display:block;
  color:#43d4e8;
  font-size:.68rem;
  font-weight:850;
  letter-spacing:.12em;
  text-transform:uppercase;
}
.payment-qr-modal-copy strong{
  display:block;
  margin-top:3px;
  font-size:1.05rem;
  color:#f4f7fb;
}
.payment-qr-modal-image-shell{
  margin:auto;
  width:min(74vmin,440px);
  aspect-ratio:1;
  display:grid;
  place-items:center;
  background:#fff;
  border-radius:18px;
  padding:14px;
}
.payment-qr-modal-image-shell img{
  display:block;
  width:100%;
  height:100%;
  object-fit:contain;
}
.payment-qr-modal-note{
  display:block;
  margin:13px auto 0;
  max-width:420px;
  color:#aeb9c8;
  font-size:.76rem;
  line-height:1.4;
}
body.payment-qr-modal-open{overflow:hidden}

@media(max-width:900px){
  .qr-expand-btn{font-size:.72rem;padding:8px 10px}
  .payment-qr-modal{padding:12px}
  .payment-qr-modal-panel{width:min(96vw,540px);padding:18px 14px 16px;border-radius:18px}
  .payment-qr-modal-copy{padding:3px 42px 12px}
  .payment-qr-modal-image-shell{width:min(84vw,430px);padding:10px;border-radius:14px}
  .payment-qr-modal-note{font-size:.78rem}
}