En el centro, ☉ — el principio rector, la posición desde la cual todo el resto se ordena. Es el Sol de los arcanos mayores: lo que no es ni Caos ni Interacción ni Orden ni Organización, sino el eje desde el cual se distinguen.
En las cuatro posiciones cardinales, los cuatro dominios:
Los anillos concéntricos y los radios cardinales evocan un observatorio antiguo: el mazo se piensa a sí mismo como instrumento de orientación, no de adivinación.
«Quien sostiene una carta boca abajo sostiene también la totalidad: no la respuesta, sino el sistema de preguntas.»
', en: 'At the center, ☉ — the governing principle, the position from which everything else is ordered. It is the Sun of the Major Arcana: what is neither Chaos nor Interaction nor Order nor Organization, but the axis from which they are distinguished.
At the four cardinal positions, the four domains:
The concentric rings and cardinal rays evoke an ancient observatory: the deck thinks of itself as an instrument of orientation, not divination.
«Whoever holds a card face down also holds the totality: not the answer, but the system of questions.»
' }, dorso_compare_tag: { es: 'PARIDAD FRENTE / DORSO', en: 'FRONT / BACK PARITY' }, dorso_compare_h: { es: 'Misma proporción, dos códigos visuales', en: 'Same proportion, two visual codes' }, dorso_grid_tag: { es: 'EL MAZO BOCA ABAJO', en: 'THE DECK FACE DOWN' }, dorso_grid_h: { es: 'Una cuadrícula uniforme — listo para tirar', en: 'A uniform grid — ready to draw' }, dorso_label_dorso: { es: 'DORSO', en: 'BACK' }, dorso_label_frente: { es: 'FRENTE', en: 'FRONT' }, dorso_next_tag: { es: 'SIGUIENTE', en: 'NEXT' }, dorso_next_html: { es_html: 'Con el dorso definido, las cartas pueden tirarse boca abajo. Ve a TIRADA para probar las dos tiradas signature: El Principio (una carta, diagnóstico veloz) y El Bucle (tres cartas, retroalimentación).', en_html: 'With the back defined, cards can be drawn face down. Go to SPREAD to try the two signature spreads: The Principle (one card, swift diagnosis) and The Loop (three cards, feedback).' }, // Patterns pat_mayores_many: { es: (n) => `${n} Mayores`, en: (n) => `${n} Majors` }, pat_mayores_many_text: { es: 'La tirada toca arquetipos rectores, no solo situaciones — la pregunta se juega en el plano del principio. Las menores describen cómo se vive lo que las mayores nombran.', en: 'The spread touches governing archetypes, not just situations — the question plays out on the plane of principle. The minors describe how what the majors name is lived.' }, pat_mayor_one: { es: '1 Mayor presente', en: '1 Major present' }, pat_mayor_one_text: { es: (name) => `${name} aporta el principio que ordena toda la lectura — léelo como clave de las menores.`, en: (name) => `${name} provides the principle that orders the entire reading — read it as the key to the minors.` }, pat_sin_mayores: { es: 'Sin Mayores', en: 'No Majors' }, pat_sin_mayores_text: { es: 'Toda la tirada vive en lo concreto: situaciones, gestos, operadores. Lo arquetípico está implícito — leelo en la combinatoria de los palos.', en: 'The whole spread lives in the concrete: situations, gestures, operators. The archetypal is implicit — read it in the combinatorics of the suits.' }, pat_dominio: { es: (suit) => `Dominio ${suit}`, en: (suit) => `${suit} dominance` }, pat_dominio_text: { es: (n, suit, dom) => `${n} cartas de ${suit} — la situación pesa en ${dom.toLowerCase()}.`, en: (n, suit, dom) => `${n} cards of ${suit} — the situation weighs in ${dom.toLowerCase()}.` }, pat_eje: { es: (suit) => `Eje ${suit}`, en: (suit) => `${suit} axis` }, pat_eje_text: { es: (suit, note) => `Dos cartas de ${suit} marcan un eje conceptual — ${note.toLowerCase()}`, en: (suit, note) => `Two cards of ${suit} mark a conceptual axis — ${note.toLowerCase()}` }, pat_figuras: { es: (n) => `${n} figuras`, en: (n) => `${n} courts` }, pat_figuras_text: { es: 'Hay operadores activos: personas, agentes o roles que mueven la situación más que las circunstancias.', en: 'There are active operators: people, agents, or roles that move the situation more than the circumstances do.' }, pat_ases: { es: (n) => `${n} ${n > 1 ? 'Ases' : 'As'}`, en: (n) => `${n} ${n > 1 ? 'Aces' : 'Ace'}` }, pat_ases_text: { es: (n) => `Inicios: algo empieza ${n > 1 ? 'en varios dominios' : 'en un dominio'} — semillas todavía sin desarrollo.`, en: (n) => `Beginnings: something starts ${n > 1 ? 'in several domains' : 'in one domain'} — seeds still undeveloped.` }, }; // ─── Hook + helpers ──────────────────────────────────────────────────── function useLang() { const [lang, setLangState] = React.useState(() => { if (typeof window === 'undefined') return 'es'; try { return localStorage.getItem('tarot_lang') || 'es'; } catch { return 'es'; } }); const setLang = React.useCallback((l) => { setLangState(l); try { localStorage.setItem('tarot_lang', l); } catch {} document.documentElement.lang = l; }, []); React.useEffect(() => { document.documentElement.lang = lang; }, [lang]); return [lang, setLang]; } // t(key, lang) → string (o llama función si valor es callable y se pasan args) function t(key, lang, ...args) { const entry = I18N[key]; if (!entry) return key; const v = entry[lang] ?? entry.es; if (typeof v === 'function') return v(...args); return v; } // t para strings con HTML — devuelve __html object para dangerouslySetInnerHTML function tHtml(key, lang) { const entry = I18N[key]; if (!entry) return { __html: key }; const v = entry[lang + '_html'] ?? entry[lang] ?? entry.es_html ?? entry.es; return { __html: v }; } // Helper para sacar campo bilingüe de cards: cardField(card, 'principle', lang) function cardField(card, base, lang) { if (!card) return ''; if (lang === 'en') return card[base + 'En'] || card[base] || ''; return card[base] || ''; } // ─── Toggle component ────────────────────────────────────────────────── function LangToggle({ lang, setLang, style = {} }) { const baseBtn = { background: 'transparent', border: '1px solid rgba(232,220,192,0.25)', color: 'rgba(232,220,192,0.65)', fontFamily: '"JetBrains Mono", monospace', fontSize: 11, fontWeight: 700, letterSpacing: 1.5, padding: '6px 10px', cursor: 'pointer', transition: 'all 0.15s ease', }; const active = { color: '#fff', borderColor: '#d4af6a', background: 'rgba(212,175,106,0.12)' }; return React.createElement('div', { style: { display: 'inline-flex', gap: 4, marginLeft: 'auto', alignItems: 'center', ...style }, }, React.createElement('button', { style: { ...baseBtn, ...(lang === 'es' ? active : {}) }, onClick: () => setLang('es'), }, 'ES'), React.createElement('button', { style: { ...baseBtn, ...(lang === 'en' ? active : {}) }, onClick: () => setLang('en'), }, 'EN'), ); } Object.assign(window, { I18N, useLang, t, tHtml, cardField, LangToggle });