/* ─── PAR/ÍMPAR ─────────────────────────────────────────────────────── */
.pi-card{display:flex;align-items:center;gap:12px;padding:12px 14px;
  background:var(--card);border:1px solid var(--border);border-radius:12px;
  transition:transform .15s;}
.pi-card:hover{transform:translateX(4px);}
.pi-rank{font-family:'DM Mono',monospace;font-size:13px;font-weight:800;
  color:var(--muted);width:28px;flex-shrink:0;text-align:center;}
.pi-visual{display:flex;gap:3px;flex-shrink:0;}
.pi-digito{display:inline-flex;align-items:center;justify-content:center;
  width:24px;height:24px;border-radius:6px;font-size:10px;font-weight:800;
  color:#fff;flex-shrink:0;}
.pi-stats{display:flex;flex-direction:column;align-items:flex-end;flex-shrink:0;width:56px;}
.pi-freq{font-family:'DM Mono',monospace;font-size:13px;font-weight:800;color:var(--text);}
.pi-pct{font-size:10px;color:var(--muted);}
.pi-barra-bg{flex:1;height:6px;background:var(--surface);border-radius:3px;overflow:hidden;}
.pi-barra-fill{height:100%;background:var(--accent);border-radius:3px;transition:width .3s;}

/* ─── ALGARISMOS ─────────────────────────────────────────────────────── */
.alg-item{display:flex;align-items:center;gap:8px;}
.alg-digito{font-family:'DM Mono',monospace;font-size:15px;font-weight:800;
  width:28px;flex-shrink:0;text-align:center;}
.alg-barra-bg{flex:1;height:8px;background:var(--surface);border-radius:4px;overflow:hidden;}
.alg-barra-fill{height:100%;border-radius:4px;transition:width .3s;}
.alg-freq{font-family:'DM Mono',monospace;font-size:11px;color:var(--muted);
  width:40px;text-align:right;flex-shrink:0;}
.alg-pct{font-size:10px;color:var(--muted);width:36px;text-align:right;flex-shrink:0;}

/* ─── HUB DE ANÁLISES ────────────────────────────────────────────────── */
.hub-grid{display:flex;flex-direction:column;gap:10px;margin-top:4px;}
.hub-card{display:flex;align-items:center;gap:14px;padding:16px;
  background:var(--card);border:1px solid var(--border);border-radius:14px;
  text-decoration:none;transition:transform .15s,box-shadow .15s;}
.hub-card:hover{transform:translateX(4px);box-shadow:0 4px 16px rgba(0,0,0,.2);}
.hub-emoji{font-size:28px;flex-shrink:0;width:40px;text-align:center;}
.hub-info{flex:1;}
.hub-titulo{font-size:15px;font-weight:800;margin-bottom:2px;}
.hub-desc{font-size:11px;color:var(--muted);line-height:1.4;}
.hub-seta{font-size:20px;font-weight:800;flex-shrink:0;opacity:.6;}