:root{--yellow:#ffd400;--bg:#050505;--card:#0c0f13;--muted:#aeb4ba;--font:Nunito,Arial,Verdana,sans-serif;--wa:#25D366;--plin:#21d6d1;--yape:#7b1fa2}
*{box-sizing:border-box}html{background:#000;color:#fff;font-family:var(--font)}body{margin:0;background:#000;min-height:100vh;overflow-x:hidden}
.detail-topbar{position:sticky;top:0;z-index:50;display:flex;align-items:center;justify-content:space-between;padding:15px clamp(16px,4vw,58px);background:rgba(0,0,0,.88);backdrop-filter:blur(18px);border-bottom:1px solid rgba(255,212,0,.16)}
.detail-brand{color:var(--yellow);text-decoration:none;font-weight:1000;letter-spacing:.04em}.back-link{color:#fff;text-decoration:none;font-size:12px;font-weight:900;letter-spacing:.12em}
.detail-page{position:relative;min-height:calc(100vh - 58px);padding:42px 16px 90px;isolation:isolate;background:radial-gradient(circle at 50% 0%,rgba(255,212,0,.10),transparent 26%),radial-gradient(circle at 10% 60%,rgba(255,157,0,.06),transparent 25%),linear-gradient(180deg,#020202,#07090b 45%,#010101)}
.detail-page::before{content:"";position:absolute;inset:0;z-index:-1;opacity:.15;background-image:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:46px 46px}
.detail-panel{position:relative;z-index:5;width:min(980px,100%);margin:0 auto;padding:clamp(18px,3vw,34px);border:1px solid rgba(255,212,0,.34);border-radius:30px;background:linear-gradient(180deg,rgba(12,15,18,.97),rgba(5,6,8,.985));box-shadow:0 35px 110px rgba(0,0,0,.62),0 0 50px rgba(255,212,0,.04);overflow:hidden}
.detail-heading,.detail-strip,.characters-box,.payment-grid,.how-it-works,.whatsapp-cta-box{position:relative;z-index:2}
.detail-heading{text-align:center;margin-bottom:24px}.detail-heading>span{color:#d5d9dd;font-size:10px;font-weight:900;letter-spacing:.24em}.detail-heading h1{margin:8px 0 4px;color:var(--yellow);font-size:clamp(34px,6vw,66px);line-height:.95;letter-spacing:.01em}.detail-heading p{margin:0;color:#d7dbe0;font-weight:800}
.detail-strip{display:flex;align-items:center;gap:18px;padding:13px;border:1px solid rgba(255,255,255,.09);border-radius:20px;background:rgba(255,255,255,.025);margin-bottom:18px}.detail-bill{width:min(42%,320px);min-height:132px;border-radius:18px;display:grid;place-items:center;background:linear-gradient(135deg,#9f5f2a,#d59a57);border:2px dashed rgba(255,255,255,.38);box-shadow:0 14px 28px rgba(0,0,0,.3)}.detail-bill span{font-size:clamp(30px,6vw,58px);font-weight:1000}.detail-strip-copy{display:grid;gap:3px}.detail-strip-copy small{font-size:10px;letter-spacing:.17em;color:#9aa1a7;font-weight:900}.detail-strip-copy strong{font-size:clamp(30px,4vw,52px);color:#fff}.detail-strip-copy span{color:#aeb4ba;font-size:13px;font-weight:800}
.section-head span{font-size:9px;letter-spacing:.15em;color:#9da4aa;font-weight:900}.section-head h2{margin:4px 0 0;font-size:20px}.characters-box{margin-bottom:16px;padding:18px;border-radius:22px;border:1px solid rgba(255,255,255,.08);background:rgba(0,0,0,.22)}.characters-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:14px}.character-detail-card{margin:0;padding:10px;border-radius:16px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.08)}.character-detail-card img{width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:14px;display:block}.character-detail-card figcaption{margin-top:8px;text-align:center;font-weight:900;font-size:13px}
.brand-chips{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-bottom:16px}.chip{padding:8px 12px;border-radius:999px;font-size:12px;font-weight:1000}.chip-wa{background:rgba(37,211,102,.15);border:1px solid rgba(37,211,102,.36);color:#aef1c6}.chip-yape{background:rgba(123,31,162,.18);border:1px solid rgba(191,97,236,.36);color:#e0c3ff}.chip-plin{background:rgba(33,214,209,.15);border:1px solid rgba(33,214,209,.36);color:#bff3f1}
.payment-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.payment-card{padding:14px;border-radius:22px;border:1px solid rgba(255,255,255,.09);background:#090b0e;box-shadow:0 14px 34px rgba(0,0,0,.24)}.payment-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.payment-head strong{font-size:18px}.payment-head span{font-size:9px;letter-spacing:.12em;color:#cbd1d6}.qr-frame{border-radius:18px;overflow:hidden;aspect-ratio:1/1;background:#fff}.qr-frame img{width:100%;height:100%;object-fit:contain;display:block}.qr-frame.purple{box-shadow:0 0 30px rgba(129,0,160,.18)}.qr-frame.cyan{box-shadow:0 0 30px rgba(0,209,213,.14)}.payment-card>p{text-align:center;margin:10px 0;color:#fff;font-weight:900}.pay-number{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:8px;padding:10px 11px;border-radius:14px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08)}.pay-number span{font-size:11px;color:#bcc3c9}.pay-number strong{font-size:16px;letter-spacing:.04em}.pay-number button{border:1px solid rgba(255,212,0,.28);background:rgba(255,212,0,.08);color:var(--yellow);border-radius:9px;padding:7px 9px;font:900 9px var(--font);cursor:pointer}.pay-number.compact{grid-template-columns:1fr;text-align:center;min-height:52px}
.how-it-works{margin-top:18px;padding:16px;border-radius:20px;border:1px solid rgba(255,255,255,.07);background:rgba(255,255,255,.02)}.how-it-works h2{margin:0 0 12px;font-size:15px}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.steps div{display:flex;gap:8px;align-items:flex-start;padding:9px;border-radius:12px;background:rgba(255,255,255,.035)}.steps b{display:grid;place-items:center;width:24px;height:24px;flex:none;border-radius:50%;background:var(--yellow);color:#0a0a0a}.steps span{font-size:11px;line-height:1.35;color:#d5d9dd;font-weight:800}
.whatsapp-cta-box{margin-top:18px;display:grid;grid-template-columns:1fr 1.2fr;gap:16px;align-items:stretch;padding:18px;border-radius:22px;border:1px solid rgba(255,212,0,.18);background:linear-gradient(135deg,rgba(255,212,0,.045),rgba(255,255,255,.015))}.entry-copy span{font-size:9px;letter-spacing:.16em;color:var(--yellow);font-weight:900}.entry-copy h2{font-size:22px;margin:4px 0}.entry-copy p{margin:0;color:#aeb4ba;font-size:11px;line-height:1.45;font-weight:800}.contact-card{display:grid;gap:10px;border:1px solid rgba(255,255,255,.08);border-radius:18px;padding:16px;background:rgba(9,11,14,.85)}.contact-line{display:grid;gap:4px}.contact-line span{font-size:10px;color:#aeb4ba;font-weight:900;letter-spacing:.14em}.contact-line strong{font-size:16px}.cta-row{display:flex;gap:10px;flex-wrap:wrap;margin-top:6px}.wa-button,.copy-wa-button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 18px;border-radius:12px;font:1000 11px var(--font);letter-spacing:.08em;text-decoration:none}.wa-button{background:var(--wa);color:#07150d}.copy-wa-button{border:1px solid rgba(255,212,0,.26);background:rgba(255,212,0,.08);color:var(--yellow)}
@media(max-width:760px){.detail-page{padding:22px 9px 60px}.detail-panel{padding:14px;border-radius:20px}.payment-grid,.whatsapp-cta-box{grid-template-columns:1fr}.steps{grid-template-columns:1fr 1fr}.characters-grid{grid-template-columns:repeat(2,1fr)}.detail-strip{display:grid}.detail-bill{width:100%}}
@media(max-width:480px){.steps,.characters-grid{grid-template-columns:1fr}.pay-number{grid-template-columns:1fr;text-align:center}}