/* Transpago — página pública de cobro. Requiere tokens.css y base.css cargados antes. */
:root{ --accent: var(--blue); }
html{scroll-behavior:smooth;}
body{font-family:'Outfit','DM Sans',sans-serif;padding-bottom:120px;}
.bg-glow{position:fixed;top:-200px;left:50%;transform:translateX(-50%);width:600px;height:600px;border-radius:50%;background:radial-gradient(circle,rgba(0,229,160,0.06) 0%,transparent 70%);pointer-events:none;z-index:0;}

/* LOADING */
.loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;gap:16px;}
.spinner{width:40px;height:40px;border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin 0.8s linear infinite;}
@keyframes spin{to{transform:rotate(360deg);}}
.loading p{font-size:14px;color:var(--muted);}

/* 404 */
.not-found{display:none;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;text-align:center;padding:40px;}
.not-found h1{font-size:28px;font-weight:800;margin-bottom:8px;}
.not-found p{font-size:14px;color:var(--muted);margin-bottom:24px;}
.not-found a{color:var(--accent);text-decoration:none;font-weight:600;}

/* DESACTIVADA */
.desactivada{display:none;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;text-align:center;padding:40px;}
.desactivada h1{font-size:24px;font-weight:800;margin-bottom:8px;}
.desactivada p{font-size:14px;color:var(--muted);line-height:1.7;}

/* PAGE */
.page{display:none;}
.page-header{position:relative;z-index:1;padding:36px 20px 24px;display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center;}
.biz-logo-wrap{width:84px;height:84px;border-radius:22px;overflow:hidden;border:2px solid var(--border);flex-shrink:0;display:flex;align-items:center;justify-content:center;}
.biz-logo-img{width:100%;height:100%;object-fit:contain;}
.biz-logo-letter{font-size:32px;font-weight:800;color:white;}
.biz-name{font-size:26px;font-weight:800;letter-spacing:-0.5px;line-height:1.1;}
.biz-desc{font-size:13px;color:var(--muted);margin-top:3px;}
.biz-badge{display:inline-flex;align-items:center;gap:6px;background:rgba(0,229,160,0.08);border:1px solid rgba(0,229,160,0.2);color:var(--accent);padding:5px 14px;border-radius:20px;font-size:12px;font-weight:600;margin-top:2px;}

/* REDES */
.redes{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:8px;flex-wrap:wrap;}
.red-btn{display:flex;align-items:center;gap:5px;padding:5px 12px;border-radius:20px;font-size:11px;font-weight:600;text-decoration:none;border:1px solid var(--border);color:var(--muted);transition:border-color .2s,color .2s;}
.red-btn:hover{border-color:var(--accent);color:var(--text);}

.section-title{font-size:11px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:2.5px;padding:0 20px;margin-bottom:14px;display:flex;align-items:center;gap:8px;position:relative;z-index:1;}
.section-title::before{content:'';width:3px;height:13px;background:var(--accent);border-radius:3px;display:block;}

/* BANK CARDS */
.banks-wrap{padding:0 16px;display:flex;flex-direction:column;gap:14px;position:relative;z-index:1;}
.bank-card{border-radius:18px;overflow:hidden;box-shadow:0 4px 24px rgba(0,0,0,0.4);animation:fadeUp .4s ease both;}
.bank-card:nth-child(1){animation-delay:.05s;}
.bank-card:nth-child(2){animation-delay:.12s;}
.bank-card:nth-child(3){animation-delay:.19s;}
.bank-card:nth-child(4){animation-delay:.26s;}
.bank-card:nth-child(5){animation-delay:.33s;}
@keyframes fadeUp{from{opacity:0;transform:translateY(20px);}to{opacity:1;transform:translateY(0);}}
.bank-header{padding:13px 18px;display:flex;align-items:center;gap:10px;}
.bank-emoji{font-size:20px;}
.bank-name{font-size:15px;font-weight:800;color:white;line-height:1;}
.bank-titular{font-size:11px;color:rgba(255,255,255,0.65);margin-top:2px;}
.bank-body{padding:16px 18px;display:flex;flex-direction:column;gap:12px;}
.data-row{display:flex;flex-direction:column;gap:4px;}
.data-label{font-size:10px;color:var(--muted);text-transform:uppercase;letter-spacing:0.8px;font-weight:500;}
.data-value-row{display:flex;align-items:center;justify-content:space-between;gap:10px;}
.data-value{font-size:15px;font-weight:700;color:var(--text);letter-spacing:0.5px;word-break:break-all;}
.data-value.sm{font-size:13px;letter-spacing:0.8px;}
.bank-divider{height:1px;background:rgba(255,255,255,0.06);}
.btn-copy{flex-shrink:0;background:rgba(255,255,255,0.06);border:1px solid rgba(255,255,255,0.1);color:var(--text);padding:7px 14px;border-radius:8px;font-size:12px;font-weight:600;cursor:pointer;font-family:'DM Sans',sans-serif;display:flex;align-items:center;gap:5px;transition:background .2s,transform .1s;white-space:nowrap;}
.btn-copy:active{transform:scale(0.95);}
.btn-copy.copied{background:rgba(0,229,160,0.15);border-color:rgba(0,229,160,0.4);color:var(--accent);}

/* PROMO */
.promo-wrap{padding:20px 16px 0;position:relative;z-index:1;}
.promo-banner{border-radius:18px;overflow:hidden;background:linear-gradient(135deg,#0d1f3c 0%,#0a1628 100%);border:1px solid rgba(0,229,160,0.2);padding:22px 20px;display:flex;flex-direction:column;gap:14px;position:relative;}
.promo-banner::before{content:'';position:absolute;top:-40px;right:-40px;width:140px;height:140px;border-radius:50%;background:radial-gradient(circle,rgba(0,229,160,0.12),transparent 70%);pointer-events:none;}
.promo-top{display:flex;align-items:flex-start;gap:12px;}
.promo-icon{width:44px;height:44px;border-radius:12px;background:linear-gradient(135deg,var(--accent),#00b87a);display:grid;place-items:center;font-size:20px;flex-shrink:0;}
.promo-title{font-size:17px;font-weight:800;color:white;line-height:1.2;}
.promo-desc{font-size:12px;color:rgba(255,255,255,0.55);margin-top:5px;line-height:1.6;}
.promo-desc strong{color:var(--accent);}
.btn-promo{display:flex;align-items:center;justify-content:center;gap:8px;padding:13px 20px;border-radius:12px;background:linear-gradient(135deg,var(--accent),#00b87a);border:none;color:#000;font-size:14px;font-weight:800;cursor:pointer;text-decoration:none;transition:opacity .2s;box-shadow:0 4px 20px rgba(0,229,160,0.3);}
.btn-promo:hover{opacity:.9;}

/* FOOTER */
.page-footer{text-align:center;padding:24px 20px 0;position:relative;z-index:1;}
.footer-brand{font-size:11px;color:var(--muted);}
.footer-brand strong{color:rgba(0,229,160,0.6);}

/* WHATSAPP FIJO */
.wa-btn-wrap{position:fixed;bottom:0;left:0;right:0;z-index:999;padding:14px 18px;background:linear-gradient(to top,rgba(5,6,15,1) 55%,rgba(5,6,15,0));}
.wa-btn{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;max-width:480px;margin:0 auto;padding:15px 24px;background:var(--wa);border:none;border-radius:16px;color:white;font-size:15px;font-weight:800;cursor:pointer;text-decoration:none;box-shadow:0 8px 32px rgba(37,211,102,0.35);transition:transform .2s;}
.wa-btn:hover{transform:translateY(-2px);}
.wa-btn:active{transform:scale(0.97);}
@keyframes waPulse{0%,100%{box-shadow:0 8px 32px rgba(37,211,102,0.35);}50%{box-shadow:0 8px 48px rgba(37,211,102,0.8),0 0 0 10px rgba(37,211,102,0.1);}}
.wa-btn.pulse{animation:waPulse 2s ease-in-out;}