/* WQR Plugin — Premium Light Theme */
@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@300;400;500;600;700&family=DM+Mono:wght@400;500&display=swap');
.wqr-wrap,.wqr-wrap *,.wqr-wrap *::before,.wqr-wrap *::after{box-sizing:border-box;margin:0;padding:0}
.wqr-wrap{
  --border:rgba(0,0,0,0.08);--border-s:rgba(0,0,0,0.14);
  --text:#1a1c18;--muted:#6b6d65;--muted2:#9a9c94;
  --accent:#4a9d2f;--accent2:#2d7a1a;--accent-dim:rgba(74,157,47,0.1);--warn:#c4870a;
  --sans:'DM Sans',sans-serif;--mono:'DM Mono',monospace;
  --r:16px;--r-xl:30px;
  font-family:var(--sans);color:var(--text);
  background:radial-gradient(circle at 18% 12%,rgba(74,157,47,0.07),transparent 31%),radial-gradient(circle at 88% 18%,rgba(45,122,26,0.04),transparent 28%),#f7f8f6;
  padding:20px 16px;border-radius:var(--r-xl);position:relative;overflow:hidden;
}
.wqr-wrap::before{content:'';position:absolute;inset:0;background-image:linear-gradient(rgba(0,0,0,0.02) 1px,transparent 1px),linear-gradient(90deg,rgba(0,0,0,0.02) 1px,transparent 1px);background-size:42px 42px;mask-image:radial-gradient(circle at center,black,transparent 76%);pointer-events:none}

/* Layout */
.wqr-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;position:relative;z-index:1}

/* Topbar */
.wqr-topbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;position:relative;z-index:1}
.wqr-brand{display:inline-flex;align-items:center;gap:10px;color:var(--text);letter-spacing:.08em;text-transform:uppercase;font-size:12px;font-weight:700}
.wqr-brand-mark{width:34px;height:34px;border-radius:11px;background:linear-gradient(135deg,var(--accent),var(--accent2));box-shadow:0 0 0 8px rgba(74,157,47,0.1),0 0 20px rgba(74,157,47,0.12);display:grid;place-items:center;color:#fff;font-family:var(--mono);font-size:15px;font-weight:500}
.wqr-live{display:inline-flex;align-items:center;gap:8px;padding:8px 13px;border:1px solid rgba(74,157,47,0.25);border-radius:999px;color:var(--accent);background:rgba(74,157,47,0.08);font-family:var(--mono);font-size:11px}
.wqr-live-dot{width:7px;height:7px;border-radius:50%;background:var(--accent);box-shadow:0 0 12px var(--accent);animation:wqrPulse 1.8s ease-in-out infinite}
@keyframes wqrPulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.45;transform:scale(.78)}}

/* Hero */
.wqr-hero{border:1px solid var(--border);background:rgba(255,255,255,0.88);backdrop-filter:blur(18px);border-radius:var(--r-xl);padding:30px;position:relative;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;box-shadow:0 20px 60px rgba(0,0,0,0.06)}
.wqr-hero::before{content:'';position:absolute;inset:0;background:linear-gradient(120deg,rgba(74,157,47,0.06),transparent 34%),radial-gradient(circle at 77% 28%,rgba(74,157,47,0.07),transparent 19%);pointer-events:none}
.wqr-hero-inner{position:relative;z-index:1}
.wqr-eyebrow{display:inline-flex;align-items:center;gap:9px;padding:9px 12px;border-radius:999px;border:1px solid var(--border-s);background:rgba(0,0,0,0.03);color:var(--muted);font-size:12px;font-family:var(--mono);margin-bottom:20px}
.wqr-eyebrow span{width:6px;height:6px;border-radius:50%;background:var(--accent)}
.wqr-hero h2{font-size:clamp(32px,5vw,56px);line-height:.92;letter-spacing:-.06em;font-weight:700;margin-bottom:16px;color:var(--text)}
.wqr-hero-lead{color:var(--muted);font-size:15px;line-height:1.6;margin-bottom:14px}
.wqr-steps{display:flex;flex-direction:column;gap:9px}
.wqr-step{display:flex;align-items:center;gap:11px;color:var(--muted);font-size:14px}
.wqr-step-n{width:26px;height:26px;border-radius:50%;background:var(--accent-dim);border:1px solid rgba(74,157,47,0.2);color:var(--accent);font-family:var(--mono);font-size:12px;font-weight:700;display:grid;place-items:center;flex:0 0 auto}
.wqr-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:20px;position:relative;z-index:1}
.wqr-stat{border:1px solid var(--border);background:rgba(0,0,0,0.02);border-radius:16px;padding:13px}
.wqr-stat-v{color:var(--text);font-family:var(--mono);font-size:14px;margin-bottom:5px}
.wqr-stat-l{color:var(--muted2);font-size:11px}

/* Panel */
.wqr-panel{border:1px solid var(--border);background:rgba(255,255,255,0.88);backdrop-filter:blur(18px);border-radius:var(--r-xl);overflow:hidden;display:flex;flex-direction:column;box-shadow:0 20px 60px rgba(0,0,0,0.06)}
.wqr-panel-head{padding:22px 22px 16px;border-bottom:1px solid var(--border)}

/* Balance */
.wqr-balance{border:1px solid rgba(74,157,47,0.18);border-radius:20px;background:linear-gradient(135deg,rgba(74,157,47,0.08),rgba(255,255,255,0.6)),#fff;padding:18px;margin-bottom:16px}
.wqr-bal-label{color:var(--muted);font-size:12px;letter-spacing:.1em;text-transform:uppercase;margin-bottom:8px}
.wqr-bal-amount{font-family:var(--mono);font-size:clamp(28px,4vw,42px);line-height:1;letter-spacing:-.05em}
.wqr-bal-amount .wqr-sym{color:var(--muted);font-size:.54em;margin-right:4px;vertical-align:12%}
.wqr-bal-amount .wqr-dec{font-size:.48em;color:var(--muted)}

.wqr-kicker{color:var(--accent);font-family:var(--mono);font-size:12px;margin-bottom:8px}
.wqr-panel-title{font-size:22px;line-height:1.1;letter-spacing:-.04em;margin-bottom:7px;color:var(--text)}
.wqr-panel-copy{color:var(--muted);font-size:13px;line-height:1.55}

/* Form */
.wqr-form{padding:20px 22px 22px}
.wqr-field{margin-bottom:15px}
.wqr-field label{display:flex;align-items:center;justify-content:space-between;gap:8px;color:var(--muted);font-size:12px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;margin-bottom:8px}
.wqr-field small{color:var(--muted2);font-family:var(--mono);font-size:10px;font-weight:400;text-transform:none}
.wqr-field input[type="text"],.wqr-field input[type="number"]{width:100%;height:50px;background:rgba(0,0,0,0.03);border:1px solid var(--border);border-radius:var(--r);color:var(--text);outline:none;padding:0 15px;font-size:15px;font-family:var(--sans);transition:border-color .2s,background .2s,box-shadow .2s}
.wqr-field input::placeholder{color:#b0b2ab}
.wqr-field input:focus{border-color:rgba(74,157,47,0.55);background:rgba(74,157,47,0.04);box-shadow:0 0 0 4px rgba(74,157,47,0.08)}
.wqr-field input[type='number']::-webkit-inner-spin-button,.wqr-field input[type='number']::-webkit-outer-spin-button{-webkit-appearance:none}
.wqr-note{margin-top:7px;display:flex;gap:7px;color:var(--muted2);font-size:12px;line-height:1.45}
.wqr-note.wqr-warn{color:var(--warn)}
.wqr-note .wqr-dot{width:5px;height:5px;border-radius:50%;background:currentColor;flex:0 0 auto;margin-top:6px}

/* Chips */
.wqr-chips{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin:-2px 0 15px}
.wqr-chip{height:40px;border:1px solid var(--border);background:rgba(0,0,0,0.02);color:var(--muted);border-radius:12px;cursor:pointer;transition:all .18s;font-size:13px;font-family:var(--mono)}
.wqr-chip:hover,.wqr-chip.active{color:var(--accent);border-color:rgba(74,157,47,0.35);background:var(--accent-dim)}

/* Promo */
.wqr-promo{display:flex;align-items:flex-start;gap:11px;padding:12px;border:1px solid rgba(74,157,47,0.2);background:linear-gradient(135deg,rgba(74,157,47,0.08),rgba(74,157,47,0.03));border-radius:var(--r);margin-bottom:15px}
.wqr-promo-icon{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;background:var(--accent);color:#fff;flex:0 0 auto;font-weight:700;font-size:14px}
.wqr-promo-text{color:var(--muted);font-size:13px;line-height:1.45}
.wqr-promo-text strong{color:var(--accent)}

/* Buttons */
.wqr-btn{min-height:46px;border-radius:14px;cursor:pointer;transition:transform .12s,opacity .2s,background .2s;font-family:var(--sans);font-size:14px}
.wqr-btn-primary{width:100%;border:0;background:linear-gradient(135deg,var(--accent),var(--accent2));color:#fff;font-weight:800;box-shadow:0 14px 34px rgba(74,157,47,0.15)}
.wqr-btn-primary:hover{opacity:.94}
.wqr-btn-primary:active{transform:scale(.985)}
.wqr-btn-primary:disabled{opacity:.32;cursor:not-allowed;box-shadow:none}
.wqr-btn-secondary{border:1px solid var(--border-s);background:rgba(0,0,0,0.03);color:var(--text);font-size:13px}
.wqr-btn-secondary:hover{background:rgba(0,0,0,0.06)}
/* "Ya realicé el pago" — highlighted */
.wqr-btn-confirm{width:100%;border:0;background:linear-gradient(135deg,var(--accent),var(--accent2));color:#fff;font-weight:800;font-size:15px;margin-bottom:12px;box-shadow:0 10px 30px rgba(74,157,47,0.22);letter-spacing:-.01em}
.wqr-btn-confirm:hover{opacity:.92;transform:scale(1.01)}
.wqr-btn-confirm:active{transform:scale(.985)}
.wqr-btn-copy{min-height:38px;padding:0 13px;border:1px solid var(--border-s);background:transparent;color:var(--muted);font-family:var(--mono);font-size:12px;border-radius:12px;cursor:pointer;transition:all .18s}
.wqr-btn-copy:hover,.wqr-btn-copy.copied{color:var(--accent);border-color:rgba(74,157,47,0.38);background:var(--accent-dim)}

/* QR Section */
#qr-result-container{display:none;padding:22px;background:radial-gradient(circle at 50% 18%,rgba(74,157,47,0.04),transparent 42%),rgba(0,0,0,0.01)}
.wqr-qr-head{text-align:center;margin-bottom:16px}
.wqr-qr-title{color:var(--text);font-size:16px;font-weight:700;margin-bottom:4px}
.wqr-qr-sub{color:var(--muted2);font-size:12px;font-family:var(--mono);word-break:break-word}
.wqr-qr-wrap{display:flex;justify-content:center;margin-bottom:16px}
.wqr-qr-outer{position:relative;display:inline-block;padding:9px;border-radius:22px;background:rgba(0,0,0,0.03);border:1px solid var(--border)}
.wqr-qr-frame{background:#fff;border-radius:16px;display:flex;align-items:center;justify-content:center;overflow:hidden;padding:10px}
.wqr-qr-frame img,.wqr-qr-frame canvas{display:block;max-width:100%}
.wqr-corner{position:absolute;width:24px;height:24px;border-color:var(--accent);border-style:solid;opacity:0;z-index:2}
.wqr-corner.tl{top:0;left:0;border-width:3px 0 0 3px;border-radius:10px 0 0 0}
.wqr-corner.tr{top:0;right:0;border-width:3px 3px 0 0;border-radius:0 10px 0 0}
.wqr-corner.bl{bottom:0;left:0;border-width:0 0 3px 3px;border-radius:0 0 0 10px}
.wqr-corner.br{bottom:0;right:0;border-width:0 3px 3px 0;border-radius:0 0 10px 0}
.wqr-corner.pop{animation:wqrCornerPop .36s cubic-bezier(.22,1,.36,1) forwards}
.wqr-corner.tr.pop{animation-delay:.06s}.wqr-corner.bl.pop{animation-delay:.12s}.wqr-corner.br.pop{animation-delay:.18s}
@keyframes wqrCornerPop{from{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}
.wqr-scan{position:absolute;left:16px;right:16px;height:2px;background:linear-gradient(90deg,transparent,var(--accent),transparent);box-shadow:0 0 14px var(--accent);border-radius:999px;display:none;animation:wqrScan 1.9s ease-in-out infinite;z-index:3}
@keyframes wqrScan{0%{top:20px;opacity:0}8%{opacity:1}92%{opacity:1}100%{top:calc(100% - 20px);opacity:0}}
.wqr-btn-row{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:10px}
.wqr-llave{display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid var(--border);background:rgba(0,0,0,0.02);border-radius:var(--r);padding:12px 14px}
.wqr-llave-label{color:var(--muted2);font-size:10px;letter-spacing:.08em;text-transform:uppercase;margin-bottom:3px}
.wqr-llave-value{color:var(--text);font-family:var(--mono);font-size:16px;letter-spacing:.04em}

/* Footer */
.wqr-footer{text-align:center;margin-top:16px;color:rgba(0,0,0,0.3);font-size:11px;position:relative;z-index:1}

/* SweetAlert2 — custom classes to avoid CSS conflicts */
.swal2-container{z-index:10000!important}
.wqr-swal-popup{font-family:var(--sans)!important;border-radius:22px!important}
.wqr-swal-btn{background:linear-gradient(135deg,#4a9d2f,#2d7a1a)!important;color:#fff!important;border:0!important;border-radius:12px!important;font-weight:700!important;font-size:14px!important;padding:12px 28px!important;box-shadow:0 8px 24px rgba(74,157,47,0.2)!important;transition:opacity .2s,transform .12s!important;outline:none!important}
.wqr-swal-btn:hover{opacity:.92!important}
.wqr-swal-btn:focus{box-shadow:0 0 0 3px rgba(74,157,47,0.35)!important}
.wqr-swal-btn-cancel{background:rgba(0,0,0,0.06)!important;color:#1a1c18!important;border:1px solid rgba(0,0,0,0.12)!important;border-radius:12px!important;font-weight:600!important;font-size:14px!important;padding:12px 28px!important;box-shadow:none!important;outline:none!important}
.wqr-swal-btn-cancel:hover{background:rgba(0,0,0,0.1)!important}

/* Responsive */
@media(max-width:768px){
  .wqr-wrap{padding:14px 10px;border-radius:20px}
  .wqr-grid{grid-template-columns:1fr;gap:12px}
  .wqr-hero{padding:22px;border-radius:22px}
  .wqr-hero h2{font-size:clamp(30px,10vw,44px);margin-bottom:12px}
  .wqr-steps{gap:7px}.wqr-step{font-size:13px;gap:9px}.wqr-step-n{width:23px;height:23px;font-size:11px}
  .wqr-stats{grid-template-columns:1fr;gap:7px;margin-top:14px}
  .wqr-stat{display:flex;align-items:center;justify-content:space-between;padding:10px 12px}
  .wqr-stat-v{margin:0;font-size:13px}.wqr-stat-l{text-align:right;font-size:10px}
  .wqr-panel{border-radius:22px}
  .wqr-panel-head{padding:18px 16px 14px}.wqr-panel-title{font-size:20px}
  .wqr-form,#qr-result-container{padding:16px}
  .wqr-field input[type="text"],.wqr-field input[type="number"]{height:48px;border-radius:13px;font-size:14px}
  .wqr-chips{gap:6px}.wqr-chip{height:37px;font-size:12px}
  .wqr-btn-row{grid-template-columns:1fr}
  .wqr-balance{padding:15px;border-radius:18px}
}