)}
{/* Compact balance + level strip — the only thing above the items, so the
redeemable avatars & frames are the first thing you see (no scrolling). */}
💎
{balance.toLocaleString('es-ES')}
gemas
{lv && (
NIVEL{lv.level}{lv.title}
)}
{/* "Cómo funcionan las gemas" — kept visible but small */}
{(typeof GemsHelpButton === 'function') && (
)}
{/* ── Redeemable items first ──────────────────────────────────────────── */}
{/* ── Below the items: badges, then the system explanation ─────────────── */}
💡
Las gemas se ganan entrenando y solo se canjean por cosméticos (avatares y marcos).
La IA de Atlas Coach será una función de pago aparte — nunca se desbloquea con gemas.
);
}
// Compact badges/insignias block — lives below the redeemable items in the store.
function GsAchievements({ mobile }) {
const { state } = useStore();
if (typeof ACHIEVEMENTS === 'undefined') return null;
const achievements = state.achievements || [];
const unlocked = ACHIEVEMENTS.filter(a => achievements.includes(a.id)).length;
const cats = (typeof ACHIEVEMENT_CATS !== 'undefined') ? ACHIEVEMENT_CATS : [...new Set(ACHIEVEMENTS.map(a => a.cat))];
return (
Insignias
{unlocked} / {ACHIEVEMENTS.length} desbloqueadas
{cats.map(cat => {
const list = ACHIEVEMENTS.filter(a => a.cat === cat);
if (!list.length) return null;
return (