<!DOCTYPE html>

<head>

<title>Test Piloto Automático — Universo Expansión</title>

<style>

:root{--vb:#5b3fcf;--vl:#8b6fe8;--vg:#a78bfa;--gold:#c9a84c;--glt:#f0d080;--ts:rgba(255,255,255,.78);--tm:rgba(255,255,255,.52);--gbg:rgba(255,255,255,.05);--gbr:rgba(255,255,255,.1);--gbh:rgba(139,111,232,.45)}

*{box-sizing:border-box;margin:0;padding:0}

html{scroll-behavior:smooth}

body{background:#0d0a1a;color:#fff;font-family:'Plus Jakarta Sans',sans-serif;font-size:15px;line-height:1.65;min-height:100vh;overflow-x:hidden}

body::before{content:'';position:fixed;inset:0;background:radial-gradient(ellipse 80% 50% at 50% -5%,rgba(91,63,207,.38) 0%,transparent 65%),radial-gradient(ellipse 40% 40% at 85% 85%,rgba(91,63,207,.12) 0%,transparent 55%);pointer-events:none;z-index:0}

.arc{position:absolute;left:50%;transform:translateX(-50%);width:560px;height:280px;border-radius:280px 280px 0 0;border:1px solid rgba(167,139,250,.15);top:-50px;pointer-events:none;z-index:0}

.arc::before{content:'';position:absolute;left:50%;transform:translateX(-50%);width:380px;height:190px;border-radius:190px 190px 0 0;border:1px solid rgba(167,139,250,.1);top:36px}

.scr{display:none;min-height:100vh;position:relative;z-index:1;padding:56px 20px 72px}

.scr.on{display:block;animation:fu .35s ease both}

@keyframes fu{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}

.wrap{max-width:640px;margin:0 auto}

#s-intro{text-align:center}

.badge{display:inline-flex;align-items:center;gap:7px;background:var(--gbg);border:1px solid var(--gbr);border-radius:100px;padding:5px 16px;font-size:11px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--vg);margin-bottom:36px}

.badge::before{content:'';width:5px;height:5px;border-radius:50%;background:var(--vg);animation:pd 2s ease infinite}

@keyframes pd{0%,100%{opacity:1}50%{opacity:.3}}

.h1{font-family:'Fraunces',serif;font-size:clamp(32px,6.5vw,54px);font-weight:400;line-height:1.1;letter-spacing:-.02em;margin-bottom:28px}

.h1 em{font-style:italic;color:var(--vg)}

.lead{font-size:15px;line-height:1.8;color:var(--ts);max-width:520px;margin:0 auto 28px}

.lead strong{color:#fff;font-weight:600}

.callout{background:var(--gbg);border:1px solid var(--gbr);border-radius:14px;padding:20px 26px;margin:0 auto 36px;max-width:460px;font-family:'Fraunces',serif;font-size:17px;font-style:italic;color:#fff;line-height:1.55}

.meta{display:flex;align-items:center;justify-content:center;gap:20px;font-size:12px;color:var(--tm);margin-bottom:40px;flex-wrap:wrap}

.meta span::before{content:'·';color:var(--vl);margin-right:8px}

.meta span:first-child::before{display:none}

.btn-p{display:inline-flex;align-items:center;gap:9px;background:var(--vb);color:#fff;font-family:'Plus Jakarta Sans',sans-serif;font-size:16px;font-weight:600;padding:17px 40px;border-radius:100px;border:none;cursor:pointer;transition:all .2s}

.btn-p:hover{background:var(--vl);transform:translateY(-2px);box-shadow:0 8px 28px rgba(91,63,207,.5)}

.pbar-w{background:rgba(255,255,255,.07);border-radius:100px;height:5px;overflow:hidden;margin-bottom:10px}

.pbar{height:100%;background:linear-gradient(90deg,var(--vb),var(--vg));border-radius:100px;transition:width .4s cubic-bezier(.4,0,.2,1)}

.plbl{font-size:12px;color:var(--tm);text-align:right;margin-bottom:36px}

.qcard{background:var(--gbg);border:1px solid var(--gbr);border-radius:20px;padding:36px;margin-bottom:14px}

.qn{font-size:11px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--vg);margin-bottom:14px}

.qt{font-family:'Fraunces',serif;font-size:clamp(19px,3.8vw,25px);font-weight:400;line-height:1.35;margin-bottom:30px}

.opts{display:flex;flex-direction:column;gap:11px;list-style:none}

.opt{display:flex;align-items:flex-start;gap:15px;background:transparent;border:1px solid var(--gbr);border-radius:12px;padding:15px 19px;cursor:pointer;text-align:left;color:#fff;font-family:'Plus Jakarta Sans',sans-serif;font-size:14px;line-height:1.55;transition:all .18s;width:100%}

.opt:hover{border-color:var(--gbh);background:rgba(91,63,207,.1)}

.opt.sel{border-color:var(--vb);background:rgba(91,63,207,.2)}

.ob{flex-shrink:0;width:27px;height:27px;border-radius:50%;border:1px solid var(--gbr);display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;color:var(--tm);transition:all .18s;margin-top:1px}

.opt.sel .ob{background:var(--vb);border-color:var(--vb);color:#fff}

.ot{color:var(--ts);transition:color .18s}

.opt.sel .ot,.opt:hover .ot{color:#fff}

.qnav{display:flex;align-items:center;justify-content:space-between;margin-top:26px;gap:10px}

.btn-bk{background:transparent;border:1px solid var(--gbr);color:var(--tm);font-family:'Plus Jakarta Sans',sans-serif;font-size:13px;padding:13px 24px;border-radius:100px;cursor:pointer;transition:all .18s}

.btn-bk:hover{border-color:var(--gbh);color:#fff}

.btn-nx{display:inline-flex;align-items:center;gap:7px;background:var(--vb);color:#fff;font-family:'Plus Jakarta Sans',sans-serif;font-size:14px;font-weight:600;padding:13px 30px;border-radius:100px;border:none;cursor:pointer;transition:all .2s;opacity:.35;pointer-events:none}

.btn-nx.rdy{opacity:1;pointer-events:all}

.btn-nx.rdy:hover{background:var(--vl);transform:translateY(-1px)}

.rbadge{display:inline-flex;align-items:center;background:rgba(91,63,207,.18);border:1px solid rgba(91,63,207,.38);border-radius:100px;padding:5px 16px;font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--vg);margin-bottom:24px}

.rtit{font-family:'Fraunces',serif;font-size:clamp(30px,5.5vw,46px);font-weight:400;line-height:1.1;margin-bottom:12px}

.rtit em{font-style:italic}

.rsub{font-family:'Fraunces',serif;font-size:clamp(17px,2.8vw,21px);font-weight:300;font-style:italic;color:var(--vg);margin-bottom:28px;line-height:1.3}

.scores{display:flex;gap:10px;margin-bottom:30px;flex-wrap:wrap}

.chip{background:var(--gbg);border:1px solid var(--gbr);border-radius:100px;padding:8px 18px;font-size:12px;color:var(--tm);display:flex;align-items:center;gap:8px}

.chip span{font-weight:700;color:#fff;font-size:15px}

.rpw{margin-bottom:30px}

.rpl{display:flex;justify-content:space-between;font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--tm);margin-bottom:7px}

.rpb{background:rgba(255,255,255,.06);border-radius:100px;height:7px;overflow:hidden}

.rpf{height:100%;border-radius:100px;background:linear-gradient(90deg,var(--vb),var(--vg));transition:width 1s cubic-bezier(.4,0,.2,1) .3s}

.rbody{background:var(--gbg);border:1px solid var(--gbr);border-radius:18px;padding:30px 32px;margin-bottom:40px;font-size:15px;line-height:1.85;color:var(--ts)}

.rbody p+p{margin-top:15px}

.rbody strong{color:#fff;font-weight:600}

.tsec{margin-bottom:48px}

.eye{font-size:10px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--vg);margin-bottom:14px}

.sh{font-family:'Fraunces',serif;font-size:clamp(21px,3.8vw,30px);font-weight:400;color:#fff;margin-bottom:22px;line-height:1.2}

table.ct{width:100%;border-collapse:collapse;background:var(--gbg);border:1px solid var(--gbr);border-radius:14px;overflow:hidden;font-size:13px}

table.ct th{background:rgba(91,63,207,.14);padding:13px 15px;text-align:left;font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--vg);border-bottom:1px solid var(--gbr)}

table.ct th:first-child{width:20%}

table.ct td{padding:13px 15px;border-bottom:1px solid rgba(255,255,255,.04);color:var(--ts);vertical-align:top;line-height:1.5}

table.ct td:first-child{font-weight:600;color:var(--tm);font-size:11px;text-transform:uppercase;letter-spacing:.05em}

table.ct tr:last-child td{border-bottom:none}

table.ct th.ca,table.ct td.ca{background:rgba(91,63,207,.16);color:#fff;font-weight:500}

.sgrid{display:flex;flex-direction:column;gap:15px;margin-bottom:48px}

.sc{background:var(--gbg);border:1px solid var(--gbr);border-radius:14px;padding:26px 28px;display:flex;gap:18px;align-items:flex-start}

.snum{flex-shrink:0;width:38px;height:38px;border-radius:50%;border:1px solid var(--gbr);display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;color:var(--vg);margin-top:1px}

.snum.dn{background:rgba(91,63,207,.22);border-color:rgba(91,63,207,.5);color:#fff}

.se2{font-size:9px;font-weight:700;letter-spacing:.15em;text-transform:uppercase;color:var(--vg);margin-bottom:6px}

.st2{font-family:'Fraunces',serif;font-size:19px;font-weight:400;color:#fff;margin-bottom:9px;line-height:1.2}

.sb2{font-size:14px;line-height:1.75;color:var(--ts)}

.sb2 strong{color:#fff;font-weight:600}

.ck{display:inline-flex;align-items:center;gap:5px;margin-top:9px;font-size:12px;color:var(--gold);font-weight:700}

.sq{font-family:'Fraunces',serif;font-size:17px;font-style:italic;color:#fff;margin:11px 0;padding:13px 19px;border-left:2px solid var(--vb);background:rgba(91,63,207,.09);border-radius:0 10px 10px 0}

.fa{display:flex;flex-direction:column;align-items:center;gap:13px}

.bcta{display:flex;align-items:center;justify-content:center;gap:8px;background:var(--vb);color:#fff;font-family:'Plus Jakarta Sans',sans-serif;font-size:15px;font-weight:600;padding:17px 42px;border-radius:100px;border:none;cursor:pointer;transition:all .2s;width:100%;max-width:440px;text-decoration:none}

.bcta:hover{background:var(--vl);transform:translateY(-2px);box-shadow:0 8px 28px rgba(91,63,207,.5)}

.bcta.gld{background:linear-gradient(135deg,#c9a84c,#f0d080,#c9a84c);color:#1c1540}

.bcta.gld:hover{box-shadow:0 8px 28px rgba(201,168,76,.4)}

.bsec{background:transparent;border:1px solid var(--gbr);color:var(--ts);font-family:'Plus Jakarta Sans',sans-serif;font-size:13px;padding:13px 30px;border-radius:100px;cursor:pointer;transition:all .18s;width:100%;max-width:440px;text-align:center}

.bsec:hover{border-color:var(--gbh);color:#fff}

.fdiv{border:none;border-top:1px solid var(--gbr);margin:44px 0 22px}

.ft{text-align:center;font-size:11px;color:var(--tm)}

.ft em{font-family:'Fraunces',serif;color:var(--vg)}

.mp .rbadge{background:rgba(239,68,68,.1);border-color:rgba(239,68,68,.3);color:#f87171}

.mp .rsub,.mp .rtit em{color:#f87171}

.ms .rbadge{background:rgba(201,168,76,.1);border-color:rgba(201,168,76,.3);color:var(--glt)}

.ms .rsub,.ms .rtit em{color:var(--glt)}

.me .rbadge{background:rgba(52,211,153,.1);border-color:rgba(52,211,153,.3);color:#6ee7b7}

.me .rsub,.me .rtit em{color:#6ee7b7}

@media(max-width:520px){

.scr{padding:40px 16px 56px}

.qcard{padding:24px 20px}

.rbody{padding:24px 20px}

.sc{padding:20px 16px;gap:13px}

table.ct th,table.ct td{padding:9px 8px;font-size:11px}

.arc{width:320px;height:160px;top:-30px}

.arc::before{width:220px;height:110px;top:22px}

}

</style>

</head>

<body>

<div class="badge">Universo Expansión</div>

<h1 class="h1">¿Estás en<br><em>piloto automático?</em></h1>

<p class="lead">La mayoría de las personas toma decisiones todos los días sin darse cuenta de que no están eligiendo, sino que <strong>reaccionando</strong>. Repiten patrones, accionan desde el miedo, la ansiedad o la inercia y creen que eso es "su forma de ser".</p>

<div class="callout">Eso se llama <em>Piloto Automático</em>. Y es el freno que explica por qué, aunque hacés mucho para salir del estancamiento, avanzás tan poco.</div>

<p class="lead" style="margin-bottom:30px">Este diagnóstico de 10 preguntas te muestra desde dónde estás actuando en el día a día.</p>

<div class="meta"><span>10 preguntas</span><span>3 minutos</span><span>Resultado inmediato</span></div>

<button class="btn-p" onclick="startQuiz()">Empezar el diagnóstico →</button>

</div>

<div class="plbl" id="pLbl">Pregunta 1 de 10</div>

<div class="qn" id="qN">PREGUNTA 01</div>

</div>

<button class="btn-bk" id="bBk" onclick="goBack()">← Anterior</button>

<button class="btn-nx" id="bNx" onclick="goNext()">Siguiente →</button>

</div>

<div class="chip">Expansión <span id="scA">0</span></div>

<div class="chip">Sobreviviente <span id="scB">0</span></div>

<div class="chip">Piloto Auto. <span id="scC">0</span></div>

</div>

<div class="rpl"><span>Piloto Automático</span><span>Modo Expansión</span></div>

</div>

<div class="eye">Los 3 modos</div>

<div class="sh">¿Dónde estás y hacia dónde vas?</div>

<thead><tr><th>Área</th><th id="th0">Piloto Automático</th><th id="th1">Sobreviviente</th><th id="th2">Expansión</th></tr></thead>

<tbody>

<tr><td>Decisiones</td><td>Desde el miedo o la urgencia</td><td>Consciente pero inconsistente</td><td>Desde la claridad y la calma</td></tr>

<tr><td>Dinero</td><td>No sabe adónde va, siempre falta</td><td>Lo controla a veces, le genera ansiedad</td><td>Relación ordenada, cobra lo que vale</td></tr>

<tr><td>Proyectos</td><td>Empieza y abandona en ciclos</td><td>Avanza pero pierde impulso</td><td>Sostiene con estructura y método</td></tr>

<tr><td>Identidad</td><td>"Soy así, no puedo cambiar"</td><td>"Sé que puedo pero algo me frena"</td><td>"Elijo quién soy y actúo en consecuencia"</td></tr>

<tr><td>Energía</td><td>Agotamiento por operar desde la fuerza</td><td>Altibajos entre motivación y cansancio</td><td>Sostenida porque opera desde el poder</td></tr>

<tr><td>Sensación</td><td>"Debería estar más adelante"</td><td>"Estoy cerca pero no termino de llegar"</td><td>"Estoy en mi camino y lo sé"</td></tr>

</tbody>

</table>

</div>

<div class="eye">Tus próximos pasos</div>

<div class="sh" style="margin-bottom:22px">Ahora que sabés desde dónde actuás</div>

<div class="sc"><div class="snum dn">✓</div><div><div class="se2">Paso 1 — Ya lo diste</div><div class="st2">Reconocer</div><div class="sb2">Acabás de hacer algo que la mayoría evita toda su vida: mirarte y así poder descubrir desde qué modo estás actuando.<br><br>Eso ya te pone delante del 95% que sigue funcionando sin cuestionar desde dónde actúa en su día a día.</div><div class="ck">✦ Completado</div></div></div>

<div class="sc"><div class="snum">2</div><div><div class="se2">Paso 2 — Empezá hoy</div><div class="st2">Observar</div><div class="sb2">Hoy, cada vez que tomes una decisión — cualquiera, desde qué comer hasta cómo responder un mensaje — pregúntate:</div><div class="sq">¿Estoy eligiendo esto o estoy reaccionando?</div><div class="sb2">No necesitás cambiar nada todavía. Solo observá. Vas a sorprenderte de cuántas veces al día tu piloto automático toma decisiones por vos.</div></div></div>

<div class="sc"><div class="snum">3</div><div><div class="se2">Paso 3 — El mapa completo</div><div class="st2">Aprender el mapa</div><div class="sb2">Este test te mostró desde dónde estás actuando. Pero saber dónde estás es solo el primer paso.<br><br>El jueves te mostramos el mapa completo para pasar del Piloto Automático al Modo Expansión y así ser del 5% de las personas que viven en su máximo potencial.<br><br><strong>Es gratis. Es online. Y puede ser el punto de quiebre que estás buscando.</strong></div></div></div>

</div>

<a class="bcta gld" href="#" id="ctaLink">Reservar mi lugar gratis →</a>

<button class="bsec" onclick="dlResult()">Descargar mi resultado ↓</button>

<button class="bsec" onclick="restartQuiz()">Volver a hacer el diagnóstico</button>

<button class="bsec" onclick="shareResult()">Compartir con alguien que necesite verlo</button>

</div>

<p class="ft"><em>Universo Expansión</em> · Matías Siles · expansionargentina.com</p>

</div>

// ═══ CONFIGURACIÓN ═══

// Cambiá esta URL por el link de registro a la masterclass del jueves:

const CTA_URL = "https://expansionargentina.com";

const Qs=[

{t:"Cuando te levantás a la mañana, ¿qué es lo primero que sentís?",o:[{l:"A",x:"Claridad sobre lo que quiero hacer hoy"},{l:"B",x:"Una lista mental de pendientes que me genera presión"},{l:"C",x:"Nada en particular, me levanto y voy haciendo"}]},

{t:"Pensá en la última decisión importante que tomaste. ¿Desde dónde creés que la tomaste?",o:[{l:"A",x:"Desde la calma, después de reflexionar"},{l:"B",x:"Desde la presión de resolver algo urgente"},{l:"C",x:"No estoy seguro/a, simplemente pasó"}]},

{t:"Cuando algo no sale como esperabas, ¿cuál es tu primera reacción?",o:[{l:"A",x:"Analizo qué pasó y ajusto"},{l:"B",x:"Me frustro o me enojo conmigo"},{l:"C",x:"Me paralizo o lo dejo pasar sin hacer nada"}]},

{t:"¿Con qué frecuencia hacés cosas que sabés que tendrías que hacer diferente, pero las seguís haciendo igual?",o:[{l:"A",x:"Casi nunca, cuando detecto un patrón, lo cambio"},{l:"B",x:"Seguido, lo veo pero me cuesta cambiarlo"},{l:"C",x:"Todo el tiempo, es como si funcionara solo"}]},

{t:"Pensá en los últimos 12 meses. ¿Cuántos proyectos, hábitos o decisiones empezaste con todo y dejaste a medias?",o:[{l:"A",x:"0 a 1 — sostengo lo que empiezo"},{l:"B",x:"2 a 3 — me cuesta mantener el impulso"},{l:"C",x:"4 o más — arranco con todo y se me apaga"}]},

{t:"Cuando pensás en pedir algo que merecés o cobrar por tu trabajo, ¿qué te pasa?",o:[{l:"A",x:"Lo hago con seguridad, sé lo que valgo"},{l:"B",x:"Me incomoda pero lo hago igual"},{l:"C",x:"Evito la situación o cobro menos de lo que debería"}]},

{t:"¿Cuántas veces en la última semana dijiste 'tendría que' sin hacer nada al respecto?",o:[{l:"A",x:"Casi nunca, si lo pienso, lo hago o lo termino"},{l:"B",x:"Algunas veces, tengo buenas intenciones pero me cuesta tomar acción"},{l:"C",x:"Muchas, mi cabeza está llena de 'tendría que'"}]},

{t:"Cuando alguien te pregunta '¿cómo estás?', ¿qué es lo primero que te sale responder?",o:[{l:"A",x:"Bien, con claridad sobre lo que estoy construyendo"},{l:"B",x:"Bien... cansado pero bien"},{l:"C",x:"Ahí andamos / tirando / sobreviviendo"}]},

{t:"Si mañana pudieras cambiar una sola cosa de tu vida, ¿sabrías cuál es?",o:[{l:"A",x:"Sí, lo tengo muy claro"},{l:"B",x:"Tengo una idea general pero no sé por dónde empezar"},{l:"C",x:"Cambiaría tantas cosas que no sé cuál elegir"}]},

{t:"Sé honesto/a: ¿sentís que estás viviendo la vida que elegiste o la que te fue tocando?",o:[{l:"A",x:"La que elegí, con desafíos, pero la elegí"},{l:"B",x:"Un poco de cada una, hay cosas que elegí y otras que solo sucedieron"},{l:"C",x:"Más la que me fue tocando, siento que reacciono más de lo que elijo"}]}

];

const MD={

piloto:{badge:"Modo Piloto Automático",tit:"Estás actuando en<br><em>modo reacción</em>",sub:"La mayoría de tus decisiones no las estás tomando vos.",pct:15,col:0,cls:"mp",

body:'<p>La mayoría de tus decisiones no las estás tomando vos. Las toma la inercia, el miedo, la urgencia o la costumbre. Eso sucede porque tu sistema interno está configurado para <strong>reaccionar, no para crear</strong>.</p><p>Esto se refleja en todo: en cómo manejás tu dinero, en cómo te relacionás con tu trabajo, en cómo empezás proyectos con energía y los abandonás a las semanas, y en esa sensación constante de que "deberías estar más adelante de lo que estás".</p><p>No es tu culpa. Pero sí es tu responsabilidad cambiarlo.</p>'},

sobreviviente:{badge:"Modo Sobreviviente",tit:"Estás<br><em>a mitad de camino</em>",sub:"Ya te diste cuenta de que algo tiene que cambiar.",pct:50,col:1,cls:"ms",

body:'<p>Ya te diste cuenta de que algo tiene que cambiar. Leés, estudiás, le ponés ganas. Hay momentos de claridad. Pero también hay momentos donde la inercia te gana y volvés a los <strong>mismos patrones de siempre</strong>.</p><p>Sabés lo que tenés que hacer pero te cuesta sostenerlo. Empezás con todo y a las semanas perdés el impulso. No estás dormido/a, pero tampoco estás creando con la claridad y la constancia que necesitás.</p><p>El potencial está. Lo que falta es poder sostener el cambio.</p>'},

expansion:{badge:"Modo Expansión",tit:"Estás actuando desde<br><em>la elección consciente</em>",sub:"Tomás decisiones con claridad y sostenés lo que empezás.",pct:92,col:2,cls:"me",

body:'<p>Tomás decisiones con claridad. Sostenés lo que empezás. Tenés una relación consciente con tu dinero, tu tiempo y tus proyectos. No actuás desde la urgencia sino desde la <strong>intención</strong>.</p><p>Eso no significa que todo sea perfecto. Significa que cuando algo no funciona, lo ves, lo analizás y lo ajustás — en vez de reaccionar.</p><p>Tu siguiente paso no es aprender más. Es <strong>profundizar y escalar</strong>.</p>'}

};

let cur=0,ans=new Array(10).fill(null);

document.getElementById('ctaLink').href=CTA_URL;

function showScr(id){

document.querySelectorAll('.scr').forEach(s=>s.classList.remove('on'));

document.getElementById(id).classList.add('on');

window.scrollTo({top:0,behavior:'smooth'});

}

function startQuiz(){cur=0;ans=new Array(10).fill(null);render();showScr('s-quiz');}

function restartQuiz(){startQuiz();}

function render(){

const q=Qs[cur],n=10;

document.getElementById('pFill').style.width=((cur+1)/n*100)+'%';

document.getElementById('pLbl').textContent='Pregunta '+(cur+1)+' de '+n;

document.getElementById('qN').textContent='PREGUNTA '+String(cur+1).padStart(2,'0');

document.getElementById('qT').textContent=q.t;

const ul=document.getElementById('optsL');ul.innerHTML='';

q.o.forEach(o=>{

const li=document.createElement('li'),btn=document.createElement('button');

btn.className='opt'+(ans[cur]===o.l?' sel':'');

btn.onclick=()=>pick(o.l);

btn.innerHTML='<div class="ob">'+o.l+'</div><div class="ot">'+o.x+'</div>';

li.appendChild(btn);ul.appendChild(li);

});

updNav();

}

function pick(l){

ans[cur]=l;

document.querySelectorAll('.opt').forEach(b=>b.classList.toggle('sel',b.querySelector('.ob').textContent===l));

updNav();

setTimeout(()=>{if(ans[cur])goNext();},400);

}

function updNav(){

const nx=document.getElementById('bNx'),bk=document.getElementById('bBk'),last=cur===9;

nx.textContent=last?(ans[cur]?'Ver mi resultado ✦':'Ver mi resultado'):'Siguiente →';

nx.classList.toggle('rdy',ans[cur]!==null);

bk.style.visibility=cur===0?'hidden':'visible';

}

function goNext(){if(!ans[cur])return;if(cur<9){cur++;render();}else showResult();}

function goBack(){if(cur>0){cur--;render();}}

// ═══ SISTEMA DE CALIFICACIÓN ═══

// Paso 1: si C >= 5 o B == C → Piloto Automático

// Paso 2: si A >= 8 y C == 0 → Modo Expansión

// Paso 3: todo lo demás → Modo Sobreviviente

function calc(){

const s={A:0,B:0,C:0};ans.forEach(a=>{if(a)s[a]++;});

let m;

if(s.C>=5||s.B===s.C)m='piloto';

else if(s.A>=8&&s.C===0)m='expansion';

else m='sobreviviente';

return{m,s};

}

function showResult(){

const r=calc(),d=MD[r.m];

document.getElementById('s-result').className='scr '+d.cls;

document.getElementById('rBadge').textContent=d.badge;

document.getElementById('rTit').innerHTML=d.tit;

document.getElementById('rSub').textContent=d.sub;

document.getElementById('scA').textContent=r.s.A;

document.getElementById('scB').textContent=r.s.B;

document.getElementById('scC').textContent=r.s.C;

document.getElementById('rpF').style.width='0%';

setTimeout(()=>document.getElementById('rpF').style.width=d.pct+'%',120);

document.getElementById('rBody').innerHTML=d.body;

[0,1,2].forEach(i=>document.getElementById('th'+i).classList.toggle('ca',i===d.col));

document.querySelectorAll('#ct tbody tr').forEach(row=>{

row.querySelectorAll('td').forEach((td,i)=>td.classList.toggle('ca',i>0&&i-1===d.col));

});

showScr('s-result');

}

function dlResult(){

const r=calc();

const lb={piloto:'Piloto Automático',sobreviviente:'Modo Sobreviviente',expansion:'Modo Expansión'};

const desc={

piloto:'Estás actuando en modo reacción. La mayoría de tus decisiones no las estás tomando vos. Las toma la inercia, el miedo, la urgencia o la costumbre. No es tu culpa. Pero sí es tu responsabilidad cambiarlo.',

sobreviviente:'Estás a mitad de camino. Ya te diste cuenta de que algo tiene que cambiar. Sabés lo que tenés que hacer pero te cuesta sostenerlo. El potencial está. Lo que falta es poder sostener el cambio.',

expansion:'Estás actuando desde la elección consciente. Tomás decisiones con claridad. Sostenés lo que empezás. Tu siguiente paso no es aprender más. Es profundizar y escalar.'

};

const L='----------------------------------------';

const txt='UNIVERSO EXPANSIÓN\nTest Piloto Automático — Tu resultado\n'+L+

'\nMODO: '+lb[r.m].toUpperCase()+'\n'+L+

'\nExpansión (A): '+r.s.A+'/10\nSobreviviente (B): '+r.s.B+'/10\nPiloto Automático (C): '+r.s.C+'/10\n\n'+L+

'\nTU DIAGNÓSTICO\n'+L+'\n'+desc[r.m]+'\n\n'+L+

'\nTUS 3 PASOS\n'+L+

'\n[✓] PASO 1 — RECONOCER (Completado)\nAcabás de hacer algo que la mayoría evita toda su vida.\n\n[ ] PASO 2 — OBSERVAR\nCada vez que tomes una decisión, pregúntate:\n¿Estoy eligiendo esto o estoy reaccionando?\n\n[ ] PASO 3 — APRENDER EL MAPA\nEl jueves te mostramos el mapa completo para pasar\ndel Piloto Automático al Modo Expansión.\nEs gratis. Es online.\n'+L+

'\nexpansionargentina.com · Matías Siles';

const b=new Blob([txt],{type:'text/plain;charset=utf-8'});

const u=URL.createObjectURL(b);

const a=document.createElement('a');

a.href=u;a.download='resultado-piloto-automatico.txt';a.click();

URL.revokeObjectURL(u);

}

function shareResult(){

const r=calc();

const lb={piloto:'Piloto Automático',sobreviviente:'Modo Sobreviviente',expansion:'Modo Expansión'};

const txt='Hice el Test Piloto Automático de Expansión y mi modo es: '+lb[r.m]+'. ¿Cuál es el tuyo?';

if(navigator.share){

navigator.share({title:'Test Piloto Automático — Universo Expansión',text:txt,url:location.href});

}else{

navigator.clipboard.writeText(txt+' '+location.href).then(()=>alert('¡Texto copiado! Pegalo donde quieras compartirlo.'));

}

render();

</script>

</body>

</html>