:root{--bg:#090909;--gold:#d2ad62;--gl:#f1d99b;--text:#f7f4ed;--muted:#b8b4aa;--line:rgba(210,173,98,.32);--ok:#6ee7a8;box-sizing:border-box;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}*{box-sizing:border-box;margin:0}html,body{max-width:100%;overflow-x:hidden}body{font-family:system-ui,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--text);line-height:1.5}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;background:linear-gradient(#090909b8,#090909e0),url(/fondo-conecta.webp) center/cover}button,input,select{font:inherit;color:inherit}button{cursor:pointer}:focus-visible{outline:2px solid var(--gl);outline-offset:2px}.w{max-width:1000px;margin:0 auto;padding:0 16px 40px}.top{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:14px 0}.top img{height:44px;width:auto}.top .sp{flex:1}.seg{display:flex;border:1px solid var(--line);border-radius:99px;overflow:hidden}.seg button{border:0;background:none;padding:10px 18px;color:var(--muted)}.seg .on{background:linear-gradient(135deg,var(--gl),var(--gold));color:#17130a;font-weight:700}.sel{background:#141414;border:1px solid var(--line);border-radius:10px;padding:9px 12px}.note{color:var(--muted);font-size:.9rem;margin:2px 0 14px}.card{background:#121212e0;border:1px solid var(--line);border-radius:18px;padding:18px;margin-top:14px}.card h3{font-size:1.02rem;margin-bottom:10px}.btn{border:0;border-radius:999px;padding:11px 18px;background:linear-gradient(135deg,var(--gl),var(--gold));color:#17130a;font-weight:700;min-height:44px}.btn.o{background:none;border:1px solid var(--gold);color:var(--gl)}.btn[disabled]{opacity:.4;cursor:not-allowed}.inp{width:100%;background:#141414;border:1px solid var(--line);border-radius:10px;padding:11px 12px;margin:4px 0 10px}.r{display:flex;justify-content:space-between;gap:10px;align-items:center;padding:9px 0;border-top:1px solid var(--line);font-size:.95rem}.r small{color:var(--muted)}.pos{color:var(--ok);font-weight:700}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px}.st{background:#121212e0;border:1px solid var(--line);border-radius:16px;padding:14px}.st b{display:block;font-size:1.9rem;color:var(--gl)}.st span{color:var(--muted);font-size:.85rem}.cols{display:grid;grid-template-columns:1fr 1fr;gap:0 16px}.phone{width:min(360px,100%);margin:10px auto;border:2px solid var(--gold);border-radius:34px;background:#0c0c0c;padding:14px;box-shadow:0 0 50px #d2ad622e}.scr{min-height:540px;display:flex;flex-direction:column}.body{flex:1}.hd{display:flex;align-items:center;gap:10px;padding:6px 4px 10px}.av{width:38px;height:38px;border-radius:50%;background:var(--gold);color:#17130a;display:grid;place-items:center;font-weight:800}.pc{background:linear-gradient(150deg,#2a2008,#0f0f0f 65%);border:1px solid var(--gold);border-radius:20px;padding:18px}.pc small{color:var(--muted);letter-spacing:.12em;font-size:.7rem}.pc .n{font-size:3rem;font-weight:800;color:var(--gl);line-height:1.1}.bar{height:9px;border-radius:9px;background:#ffffff1f;overflow:hidden;margin:10px 0 6px}.bar i{display:block;height:100%;background:linear-gradient(90deg,var(--gold),var(--gl));transition:width .3s}.chip{display:inline-block;border:1px solid var(--gold);color:var(--gl);border-radius:99px;padding:2px 10px;font-size:.78rem}.tabs{display:flex;border-top:1px solid var(--line);margin-top:12px;padding-top:8px}.tabs button{flex:1;border:0;background:none;color:var(--muted);padding:9px 2px;font-size:.82rem;border-radius:10px}.tabs .on{color:var(--gl);font-weight:700;background:#d2ad621a}.nw{background:var(--gold);color:#17130a;border-radius:99px;padding:1px 8px;font-size:.72rem;font-weight:700;margin-left:6px}.qr{display:block;margin:10px auto;width:200px;height:200px;background:#fff;border-radius:12px;padding:8px}.toast{position:fixed;left:50%;bottom:calc(20px + env(safe-area-inset-bottom,0px));transform:translate(-50%);background:#1a1508;border:1px solid var(--gold);border-radius:12px;padding:11px 18px;opacity:0;transition:.25s;pointer-events:none;z-index:9;max-width:90%}.toast.on{opacity:1}@media (max-width:720px){.cols{grid-template-columns:1fr}}