/* ---------- MIS PUNTOS ---------- */
.earn{display:flex;flex-direction:column;gap:8px}
.way{display:flex;align-items:center;gap:12px;width:100%;min-height:64px;padding:10px 14px;background:#fff;border-radius:var(--r-tile);box-shadow:var(--shadow-white);text-align:left}
.way .ic{width:40px;height:40px;border-radius:12px;background:var(--bg-card);color:var(--p2143);display:grid;place-items:center;flex:none}
.way .ic svg{width:20px;height:20px}
.way .tx{flex:1;min-width:0}
.way b{color:var(--navy);display:block;font-size:.92rem}
.way small{color:var(--muted);display:block;font-size:.78rem}
.way .pill{flex:none}
.way .chev{width:18px;height:18px;flex:none;color:var(--gray-med)}
.way.done .ic{background:var(--celeste);color:var(--navy-g1)}
.way.done .pill{background:var(--gray-lightest);color:var(--muted)}
.movs{padding:4px 16px}
.mov{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid var(--gray-lightest)}
.mov:last-child{border-bottom:0}
.mov .tx{min-width:0}
.mov b{color:var(--navy);display:block;font-size:.88rem;font-weight:600}
.mov small{color:var(--muted);font-size:.76rem}
.mov .n{font-weight:700;font-variant-numeric:tabular-nums;flex:none}
.mov .n.in{color:var(--p2143)}
.mov .n.out{color:var(--muted)}

/* ---------- Rediseño (spec 17): héroe oscuro del saldo ---------- */
.pt-hero{display:flex;flex-direction:column;align-items:flex-start;gap:6px}
.pt-hero .eyebrow{color:var(--cyan)}
.pt-bal{display:flex;align-items:center;gap:14px;margin-top:4px}
.pt-bal b{font-family:var(--tech);font-size:3.2rem;line-height:1;font-weight:700;letter-spacing:.01em;color:var(--white);font-variant-numeric:tabular-nums;text-shadow:0 0 24px rgba(61,139,255,.45)}
.pt-coin{position:relative;width:64px;height:64px;display:grid;place-items:center;flex:none}
.pt-coin::before{content:"";position:absolute;inset:-18px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.35) 0%,rgba(61,139,255,.3) 42%,transparent 70%);animation:coin-glow 4s ease-in-out infinite}
.pt-coin svg{position:relative;width:56px;height:56px;filter:drop-shadow(0 6px 14px rgba(4,11,31,.5))}
@keyframes coin-glow{0%,100%{opacity:.75;transform:scale(.96)}50%{opacity:1;transform:scale(1.04)}}
.pt-hero p{font-size:.9rem}
.pt-hero p b{color:var(--white)}
.pt-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;width:100%;margin-top:12px}
@media (max-width:340px){ .pt-bal b{font-size:2.8rem} .pt-coin{width:54px;height:54px} .pt-coin svg{width:46px;height:46px} }