/* Panel "Mis puntos" en Mi cuenta. Look Probikes: crema, naranja #EF5A28, negro #1A1A1A. */
.pk-club-panel { --o:#EF5A28; --ink:#1A1A1A; --cream:#F5F2EF; --line:#E7E3DF; color:var(--ink); }
.pk-club-panel h3 { font-size:16px; letter-spacing:.2px; margin:26px 0 8px; }
.pk-club-panel .pk-club-sub { color:#666; margin:0 0 14px; font-size:13.5px; }

/* hero saldo + nivel */
.pk-club-hero {
  display:flex; gap:22px; flex-wrap:wrap; align-items:center;
  background:var(--ink); color:#fff; border-radius:14px; padding:24px 26px;
  border-left:6px solid var(--tier,#EF5A28);
}
.pk-club-saldo { display:flex; flex-direction:column; line-height:1; }
.pk-club-saldo .n { font-size:46px; font-weight:800; letter-spacing:-1px; }
.pk-club-saldo .l { font-size:12px; opacity:.7; margin-top:6px; text-transform:uppercase; letter-spacing:1px; }
.pk-club-nivel { flex:1; min-width:220px; }
.pk-club-nivel .badge {
  display:inline-block; background:var(--tier,#EF5A28); color:#fff;
  font-weight:700; font-size:13px; padding:4px 12px; border-radius:999px;
}
.pk-club-nivel .ret { font-size:12px; opacity:.8; margin-left:8px; }
.pk-club-nivel .prog { background:rgba(255,255,255,.18); height:8px; border-radius:99px; margin:14px 0 8px; overflow:hidden; }
.pk-club-nivel .prog i { display:block; height:100%; background:var(--o); border-radius:99px; }
.pk-club-nivel .hint { font-size:12.5px; opacity:.85; }

/* beneficios — cards con check, no bullets */
.pk-club-benes { margin-top:22px; }
.pk-club-benes h3 { margin:0 0 12px; }
.pk-club-benegrid { display:grid; grid-template-columns:repeat(auto-fill,minmax(240px,1fr)); gap:10px; }
.pk-club-benegrid .bene {
  display:flex; align-items:flex-start; gap:10px; background:var(--cream);
  border:1px solid transparent; border-radius:10px; padding:12px 14px; font-size:13.8px;
  transition:transform .15s ease, border-color .15s ease, background .15s ease;
}
.pk-club-benegrid .bene:hover { transform:translateY(-2px); border-color:var(--o); background:#fff; }
.pk-club-benegrid .chk { flex:0 0 auto; width:20px; height:20px; border-radius:50%; background:var(--o); color:#fff; font-size:12px; font-weight:800; display:flex; align-items:center; justify-content:center; }

/* catálogo de rewards */
.pk-club-rewards { display:grid; grid-template-columns:repeat(auto-fill,minmax(220px,1fr)); gap:12px; }
.pk-club-rewards .rw {
  border:1px solid var(--line); border-radius:14px; padding:16px 18px;
  display:flex; flex-direction:column; justify-content:space-between; gap:14px; background:#fff;
  transition:transform .16s ease, box-shadow .16s ease, border-color .16s ease;
}
.pk-club-rewards .rw.ok:hover { transform:translateY(-4px); box-shadow:0 12px 28px rgba(26,26,26,.12); border-color:var(--o); }
.pk-club-rewards .rw.lock { opacity:.6; }
.pk-club-rewards .rw-pts { display:inline-block; background:var(--ink); color:#fff; font-weight:800; font-size:12px; padding:4px 11px; border-radius:99px; letter-spacing:.3px; }
.pk-club-rewards .rw.ok .rw-pts { background:var(--o); }
.pk-club-rewards .rw-name { display:block; font-weight:700; margin:10px 0 4px; font-size:14.5px; line-height:1.25; }
.pk-club-rewards .rw-desc { display:block; color:#666; font-size:12.5px; line-height:1.45; }
.pk-club-rewards .rw-btn { background:var(--o); color:#fff; border:0; border-radius:9px; padding:10px 14px; font-weight:700; cursor:pointer; width:100%; transition:background .15s ease; }
.pk-club-rewards .rw-btn:hover { background:#d94e20; }
.pk-club-rewards .rw-falta { color:#999; font-size:12.5px; text-align:center; }

/* historial */
.pk-club-hist { width:100%; border-collapse:collapse; font-size:13.5px; }
.pk-club-hist tr { transition:background .12s ease; }
.pk-club-hist tbody tr:hover { background:var(--cream); }
.pk-club-hist td { padding:11px 8px; border-bottom:1px solid var(--line); }
.pk-club-hist td.f { color:#888; white-space:nowrap; width:88px; }
.pk-club-hist td.p { text-align:right; font-weight:800; white-space:nowrap; }
.pk-club-hist td.p.up { color:#1a7f37; }
.pk-club-hist td.p.down { color:#b42318; }
.pk-club-hist .cod { background:var(--ink); color:#fff; border-radius:6px; padding:2px 8px; font-size:11px; margin-left:6px; letter-spacing:.6px; }
.pk-club-vacio { color:#888; font-size:14px; }
/* 19-oct-2026: canjes apagados (pk_club_canjes_abiertos()), un estado limpio en vez del catálogo. */
.pk-club-pronto { background:#fff; border:1px dashed var(--line); border-radius:14px; padding:16px 18px; margin:0; color:#5f5a55; font-size:14.5px; line-height:1.5; }
.pk-club-como { margin-top:22px; }
.pk-club-como a { color:var(--o); font-weight:600; text-decoration:none; }

/* ===== Mi cuenta sin sesión: UNA tarjeta, dos pestañas (16-oct-2026). Sin JS: radios + :checked ===== */
.pk-ing{--o:#EF5A28;--ot:#C9421A;--ink:#161616;--cream:#F5F2EF;--line:#E7E3DF;max-width:440px;margin:8px auto 40px;padding:0 4px}
.pk-ing-marca{text-align:center;margin-bottom:18px}
.pk-ing .pk-ing-marca img.pk-ing-iso{display:block;height:44px;width:auto;max-width:none;margin:0 auto 8px}
.pk-ing-club{display:block;font-weight:900;font-size:28px;line-height:1.1;letter-spacing:.5px;text-transform:uppercase;color:#111}
.pk-ing-gancho{margin:10px auto 0;font-size:16px;line-height:1.45;color:#3a3a3a;max-width:340px}
.pk-ing-card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:18px 18px 22px;box-shadow:0 2px 14px rgba(0,0,0,.05)}
.pk-ing-radio{position:absolute;opacity:0;pointer-events:none;width:1px;height:1px}
.pk-ing-tabs{display:grid;grid-template-columns:1fr 1fr;background:var(--cream);border-radius:10px;padding:4px;margin-bottom:18px}
.pk-ing-tab{text-align:center;padding:12px 6px;border-radius:8px;font-weight:700;font-size:15px;cursor:pointer;color:#555;min-height:44px;box-sizing:border-box}
#pk-ing-m-entrar:checked ~ .pk-ing-tabs .pk-ing-tab-entrar,#pk-ing-m-crear:checked ~ .pk-ing-tabs .pk-ing-tab-crear{background:#fff;color:var(--ink);box-shadow:0 1px 4px rgba(0,0,0,.12)}
#pk-ing-m-entrar:focus-visible ~ .pk-ing-tabs .pk-ing-tab-entrar,#pk-ing-m-crear:focus-visible ~ .pk-ing-tabs .pk-ing-tab-crear{outline:2px solid var(--ink)}
.woocommerce .pk-ing-card form.pk-ing-form{display:block;border:0;padding:0;margin:0;border-radius:0}
#pk-ing-m-crear:checked ~ form.pk-ing-f-entrar,#pk-ing-m-entrar:checked ~ form.pk-ing-f-crear{display:none!important}
.pk-ing-campo{margin:0 0 14px}
.pk-ing-campo label{display:block;font-weight:600;font-size:14px;margin-bottom:5px;color:#3a3a3a}
.pk-ing-campo input{width:100%;box-sizing:border-box;font-size:16px;padding:12px 14px;border:1.5px solid #cfcac5;border-radius:8px;min-height:48px;background:#fff}
.pk-ing-campo input:focus{outline:2px solid var(--ink);border-color:var(--ink)}
.pk-ing-fila{display:flex;justify-content:space-between;align-items:center;gap:8px 14px;flex-wrap:wrap;margin:0 0 16px;font-size:14px}
.pk-ing-olvide,.pk-ing-cambio label{color:var(--ot);font-weight:700;text-decoration:underline;cursor:pointer}
.pk-ing-recordar{display:flex;gap:8px;align-items:center;cursor:pointer}
.pk-ing-btn{display:block;width:100%;min-height:50px;border:0;border-radius:10px;background:var(--o);color:#fff;font-weight:800;font-size:16px;cursor:pointer}
.pk-ing-btn:hover{background:#d84d1d}
.pk-ing-cambio{margin:16px 0 0;text-align:center;font-size:15px;color:#3a3a3a}
.pk-ing .woocommerce-privacy-policy-text{font-size:12.5px;color:#666;margin:0 0 14px}