🔥 Envío Gratis a Todo El País | 3 Cuotas sin Interés | 10% OFF por transferencia🔥 🔥 Envío Gratis a Todo El País | 3 Cuotas sin Interés | 10% OFF por transferencia🔥 🔥 Envío Gratis a Todo El País | 3 Cuotas sin Interés | 10% OFF por transferencia🔥 🔥 Envío Gratis a Todo El País | 3 Cuotas sin Interés | 10% OFF por transferencia🔥 🔥 Envío Gratis a Todo El País | 3 Cuotas sin Interés | 10% OFF por transferencia🔥 🔥 Envío Gratis a Todo El País | 3 Cuotas sin Interés | 10% OFF por transferencia🔥 🔥 Envío Gratis a Todo El País | 3 Cuotas sin Interés | 10% OFF por transferencia🔥 🔥 Envío Gratis a Todo El País | 3 Cuotas sin Interés | 10% OFF por transferencia🔥 🔥 Envío Gratis a Todo El País | 3 Cuotas sin Interés | 10% OFF por transferencia🔥 🔥 Envío Gratis a Todo El País | 3 Cuotas sin Interés | 10% OFF por transferencia🔥 🔥 Envío Gratis a Todo El País | 3 Cuotas sin Interés | 10% OFF por transferencia🔥 🔥 Envío Gratis a Todo El País | 3 Cuotas sin Interés | 10% OFF por transferencia🔥 🔥 Envío Gratis a Todo El País | 3 Cuotas sin Interés | 10% OFF por transferencia🔥 🔥 Envío Gratis a Todo El País | 3 Cuotas sin Interés | 10% OFF por transferencia🔥 🔥 Envío Gratis a Todo El País | 3 Cuotas sin Interés | 10% OFF por transferencia🔥 🔥 Envío Gratis a Todo El País | 3 Cuotas sin Interés | 10% OFF por transferencia🔥
$10.900,00
$9.810,00 con Transferencia
3 cuotas sin interés de $3.633,33
10% de descuento pagando con Transferencia
Ver más detalles
¡No te lo pierdas, es el último!
Medios de envío
Descripción

<link href="https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Barlow+Condensed:wght@400;600;700&family=Barlow:wght@400;500&display=swap" rel="stylesheet">

 

<div id="jero-root" style="background:#0A0A0A;font-family:'Barlow',Arial,sans-serif;color:#E8E0D0;padding:0 0 60px;max-width:100%;box-sizing:border-box;">

 

  <!-- HEADER -->

  <div style="background:linear-gradient(180deg,#0A0A0A 0%,#111 100%);border-bottom:2px solid #C9A227;padding:24px 20px 20px;text-align:center;">

    <div style="font-family:'Bebas Neue',Impact,sans-serif;font-size:3.6rem;letter-spacing:.08em;background:linear-gradient(180deg,#F0C040 0%,#C9A227 55%,#7A5F10 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1;">JEROLION</div>

    <div style="font-family:'Barlow Condensed',Arial,sans-serif;font-size:.85rem;font-weight:600;letter-spacing:.22em;color:#fff;background:#B01C1C;display:inline-block;padding:3px 14px;margin-top:6px;text-transform:uppercase;">KICKBOXING &amp; GYM</div>

    <div style="margin-top:14px;font-family:'Barlow Condensed',Arial,sans-serif;font-size:1rem;color:#888;letter-spacing:.1em;text-transform:uppercase;">Diagnóstico de entrenamiento personalizado</div>

  </div>

 

  <!-- TABS -->

  <div style="display:flex;max-width:680px;margin:28px auto 0;padding:0 16px;gap:8px;">

    <button id="jero-tab1" onclick="jeroTab(1)" style="flex:1;font-family:'Bebas Neue',Impact,sans-serif;font-size:1.1rem;letter-spacing:.08em;padding:12px 8px;border:2px solid #C9A227;background:rgba(201,162,39,.08);color:#C9A227;cursor:pointer;text-align:center;">

      <span style="display:inline-block;background:#B01C1C;color:#fff;font-family:'Barlow Condensed',Arial,sans-serif;font-size:.7rem;font-weight:700;width:18px;height:18px;line-height:18px;text-align:center;border-radius:50%;margin-right:6px;vertical-align:middle;">1</span>Obstáculos

    </button>

    <button id="jero-tab2" onclick="jeroTab(2)" style="flex:1;font-family:'Bebas Neue',Impact,sans-serif;font-size:1.1rem;letter-spacing:.08em;padding:12px 8px;border:2px solid #2A2A2A;background:#1A1A1A;color:#888;cursor:pointer;text-align:center;">

      <span style="display:inline-block;background:#B01C1C;color:#fff;font-family:'Barlow Condensed',Arial,sans-serif;font-size:.7rem;font-weight:700;width:18px;height:18px;line-height:18px;text-align:center;border-radius:50%;margin-right:6px;vertical-align:middle;">2</span>Mis Objetivos

    </button>

  </div>

 

  <!-- ===== QUIZ 1 — OBSTÁCULOS ===== -->

  <div id="jero-panel1" style="max-width:680px;margin:0 auto;padding:28px 16px 0;display:block;">

 

    <div style="background:#1A1A1A;border:1px solid #7A5F10;border-left:4px solid #C9A227;padding:18px 20px;margin-bottom:24px;">

      <div style="font-family:'Bebas Neue',Impact,sans-serif;font-size:1.6rem;letter-spacing:.06em;color:#F0C040;line-height:1.1;margin-bottom:6px;">¿Qué te está frenando?</div>

      <div style="font-size:.92rem;color:#aaa;line-height:1.5;">Seleccioná todo lo que se aplique a vos. No hay respuestas malas, hay diagnóstico honesto.</div>

    </div>

 

    <!-- Q1 -->

    <div style="margin-bottom:20px;">

      <div style="font-family:'Barlow Condensed',Arial,sans-serif;font-size:1rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#E8E0D0;margin-bottom:10px;">

        <span style="font-family:'Bebas Neue',Impact,sans-serif;color:#C9A227;margin-right:8px;">01</span>Alimentación

      </div>

      <div style="display:flex;flex-wrap:wrap;gap:8px;">

        <div onclick="jeroChip(this)" style="display:flex;align-items:center;gap:6px;padding:8px 14px;border:1.5px solid #2A2A2A;background:#141414;color:#bbb;font-family:'Barlow Condensed',Arial,sans-serif;font-size:.9rem;font-weight:600;cursor:pointer;user-select:none;">🍔 Como mal o sin orden</div>

        <div onclick="jeroChip(this)" style="display:flex;align-items:center;gap:6px;padding:8px 14px;border:1.5px solid #2A2A2A;background:#141414;color:#bbb;font-family:'Barlow Condensed',Arial,sans-serif;font-size:.9rem;font-weight:600;cursor:pointer;user-select:none;">🕐 No tengo tiempo para cocinar</div>

        <div onclick="jeroChip(this)" style="display:flex;align-items:center;gap:6px;padding:8px 14px;border:1.5px solid #2A2A2A;background:#141414;color:#bbb;font-family:'Barlow Condensed',Arial,sans-serif;font-size:.9rem;font-weight:600;cursor:pointer;user-select:none;">😵 Me pierdo con tanta info</div>

        <div onclick="jeroChip(this)" style="display:flex;align-items:center;gap:6px;padding:8px 14px;border:1.5px solid #2A2A2A;background:#141414;color:#bbb;font-family:'Barlow Condensed',Arial,sans-serif;font-size:.9rem;font-weight:600;cursor:pointer;user-select:none;">💸 Comer sano es muy caro</div>

        <div onclick="jeroChip(this)" style="display:flex;align-items:center;gap:6px;padding:8px 14px;border:1.5px solid #2A2A2A;background:#141414;color:#bbb;font-family:'Barlow Condensed',Arial,sans-serif;font-size:.9rem;font-weight:600;cursor:pointer;user-select:none;">🍫 Ansiedad / picoteo</div>

        <div onclick="jeroChip(this)" style="display:flex;align-items:center;gap:6px;padding:8px 14px;border:1.5px solid #2A2A2A;background:#141414;color:#bbb;font-family:'Barlow Condensed',Arial,sans-serif;font-size:.9rem;font-weight:600;cursor:pointer;user-select:none;">🤷 No sé qué comer</div>

      </div>

    </div>

    <div style="height:1px;background:linear-gradient(90deg,transparent,#2A2A2A,transparent);margin:6px 0 20px;"></div>

 

    <!-- Q2 -->

    <div style="margin-bottom:20px;">

      <div style="font-family:'Barlow Condensed',Arial,sans-serif;font-size:1rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#E8E0D0;margin-bottom:10px;">

        <span style="font-family:'Bebas Neue',Impact,sans-serif;color:#C9A227;margin-right:8px;">02</span>Descanso y recuperación

      </div>

      <div style="display:flex;flex-wrap:wrap;gap:8px;">

        <div onclick="jeroChip(this)" style="display:flex;align-items:center;gap:6px;padding:8px 14px;border:1.5px solid #2A2A2A;background:#141414;color:#bbb;font-family:'Barlow Condensed',Arial,sans-serif;font-size:.9rem;font-weight:600;cursor:pointer;user-select:none;">😴 Duermo mal o poco</div>

        <div onclick="jeroChip(this)" style="display:flex;align-items:center;gap:6px;padding:8px 14px;border:1.5px solid #2A2A2A;background:#141414;color:#bbb;font-family:'Barlow Condensed',Arial,sans-serif;font-size:.9rem;font-weight:600;cursor:pointer;user-select:none;">🔋 Siempre estoy agotado/a</div>

        <div onclick="jeroChip(this)" style="display:flex;align-items:center;gap:6px;padding:8px 14px;border:1.5px solid #2A2A2A;background:#141414;color:#bbb;font-family:'Barlow Condensed',Arial,sans-serif;font-size:.9rem;font-weight:600;cursor:pointer;user-select:none;">😓 Estrés constante</div>

        <div onclick="jeroChip(this)" style="display:flex;align-items:center;gap:6px;padding:8px 14px;border:1.5px solid #2A2A2A;background:#141414;color:#bbb;font-family:'Barlow Condensed',Arial,sans-serif;font-size:.9rem;font-weight:600;cursor:pointer;user-select:none;">🤕 Lesiones frecuentes</div>

      </div>

    </div>

    <div style="height:1px;background:linear-gradient(90deg,transparent,#2A2A2A,transparent);margin:6px 0 20px;"></div>

 

    <!-- Q3 -->

    <div style="margin-bottom:20px;">

      <div style="font-family:'Barlow Condensed',Arial,sans-serif;font-size:1rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#E8E0D0;margin-bottom:10px;">

        <span style="font-family:'Bebas Neue',Impact,sans-serif;color:#C9A227;margin-right:8px;">03</span>Motivación y constancia

      </div>

      <div style="display:flex;flex-wrap:wrap;gap:8px;">

        <div onclick="jeroChip(this)" style="display:flex;align-items:center;gap:6px;padding:8px 14px;border:1.5px solid #2A2A2A;background:#141414;color:#bbb;font-family:'Barlow Condensed',Arial,sans-serif;font-size:.9rem;font-weight:600;cursor:pointer;user-select:none;">😴 Me aburre entrenar</div>

        <div onclick="jeroChip(this)" style="display:flex;align-items:center;gap:6px;padding:8px 14px;border:1.5px solid #2A2A2A;background:#141414;color:#bbb;font-family:'Barlow Condensed',Arial,sans-serif;font-size:.9rem;font-weight:600;cursor:pointer;user-select:none;">🔄 Empiezo y abandono</div>

        <div onclick="jeroChip(this)" style="display:flex;align-items:center;gap:6px;padding:8px 14px;border:1.5px solid #2A2A2A;background:#141414;color:#bbb;font-family:'Barlow Condensed',Arial,sans-serif;font-size:.9rem;font-weight:600;cursor:pointer;user-select:none;">👁️ No veo resultados rápido</div>

        <div onclick="jeroChip(this)" style="display:flex;align-items:center;gap:6px;padding:8px 14px;border:1.5px solid #2A2A2A;background:#141414;color:#bbb;font-family:'Barlow Condensed',Arial,sans-serif;font-size:.9rem;font-weight:600;cursor:pointer;user-select:none;">🎯 No tengo un objetivo claro</div>

        <div onclick="jeroChip(this)" style="display:flex;align-items:center;gap:6px;padding:8px 14px;border:1.5px solid #2A2A2A;background:#141414;color:#bbb;font-family:'Barlow Condensed',Arial,sans-serif;font-size:.9rem;font-weight:600;cursor:pointer;user-select:none;">🧠 Me falta disciplina</div>

        <div onclick="jeroChip(this)" style="display:flex;align-items:center;gap:6px;padding:8px 14px;border:1.5px solid #2A2A2A;background:#141414;color:#bbb;font-family:'Barlow Condensed',Arial,sans-serif;font-size:.9rem;font-weight:600;cursor:pointer;user-select:none;">📵 Procrastino</div>

      </div>

    </div>

    <div style="height:1px;background:linear-gradient(90deg,transparent,#2A2A2A,transparent);margin:6px 0 20px;"></div>

 

    <!-- Q4 -->

    <div style="margin-bottom:20px;">

      <div style="font-family:'Barlow Condensed',Arial,sans-serif;font-size:1rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#E8E0D0;margin-bottom:10px;">

        <span style="font-family:'Bebas Neue',Impact,sans-serif;color:#C9A227;margin-right:8px;">04</span>Contexto social o emocional

      </div>

      <div style="display:flex;flex-wrap:wrap;gap:8px;">

        <div onclick="jeroChip(this)" style="display:flex;align-items:center;gap:6px;padding:8px 14px;border:1.5px solid #2A2A2A;background:#141414;color:#bbb;font-family:'Barlow Condensed',Arial,sans-serif;font-size:.9rem;font-weight:600;cursor:pointer;user-select:none;">😳 Vergüenza de ir al gym</div>

        <div onclick="jeroChip(this)" style="display:flex;align-items:center;gap:6px;padding:8px 14px;border:1.5px solid #2A2A2A;background:#141414;color:#bbb;font-family:'Barlow Condensed',Arial,sans-serif;font-size:.9rem;font-weight:600;cursor:pointer;user-select:none;">👨‍👩‍👧 Responsabilidades familiares</div>

        <div onclick="jeroChip(this)" style="display:flex;align-items:center;gap:6px;padding:8px 14px;border:1.5px solid #2A2A2A;background:#141414;color:#bbb;font-family:'Barlow Condensed',Arial,sans-serif;font-size:.9rem;font-weight:600;cursor:pointer;user-select:none;">💼 Trabajo / horarios complicados</div>

        <div onclick="jeroChip(this)" style="display:flex;align-items:center;gap:6px;padding:8px 14px;border:1.5px solid #2A2A2A;background:#141414;color:#bbb;font-family:'Barlow Condensed',Arial,sans-serif;font-size:.9rem;font-weight:600;cursor:pointer;user-select:none;">😞 Baja autoestima</div>

        <div onclick="jeroChip(this)" style="display:flex;align-items:center;gap:6px;padding:8px 14px;border:1.5px solid #2A2A2A;background:#141414;color:#bbb;font-family:'Barlow Condensed',Arial,sans-serif;font-size:.9rem;font-weight:600;cursor:pointer;user-select:none;">🙅 No tengo con quién ir</div>

      </div>

    </div>

    <div style="height:1px;background:linear-gradient(90deg,transparent,#2A2A2A,transparent);margin:6px 0 20px;"></div>

 

    <!-- Q5 slider -->

    <div style="margin-bottom:20px;">

      <div style="font-family:'Barlow Condensed',Arial,sans-serif;font-size:1rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#E8E0D0;margin-bottom:10px;">

        <span style="font-family:'Bebas Neue',Impact,sans-serif;color:#C9A227;margin-right:8px;">05</span>Nivel de energía diaria (1 al 10)

      </div>

      <div style="text-align:center;font-family:'Bebas Neue',Impact,sans-serif;font-size:1.8rem;color:#C9A227;margin-bottom:2px;" id="jero-e-val">5</div>

      <input type="range" min="1" max="10" value="5" id="jero-energy" oninput="document.getElementById('jero-e-val').textContent=this.value" style="width:100%;accent-color:#C9A227;cursor:pointer;">

      <div style="display:flex;justify-content:space-between;font-size:.75rem;color:#888;margin-top:4px;font-family:'Barlow Condensed',Arial,sans-serif;">

        <span>Sin energía</span><span>Con todo</span>

      </div>

    </div>

    <div style="height:1px;background:linear-gradient(90deg,transparent,#2A2A2A,transparent);margin:6px 0 20px;"></div>

 

    <!-- Q6 -->

    <div style="margin-bottom:20px;">

      <div style="font-family:'Barlow Condensed',Arial,sans-serif;font-size:1rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#E8E0D0;margin-bottom:10px;">

        <span style="font-family:'Bebas Neue',Impact,sans-serif;color:#C9A227;margin-right:8px;">06</span>¿Algo más que te esté costando? (opcional)

      </div>

      <textarea id="jero-extra1" placeholder="Contame con tus palabras…" style="width:100%;background:#141414;border:1.5px solid #2A2A2A;color:#E8E0D0;font-family:'Barlow',Arial,sans-serif;font-size:.92rem;padding:12px 14px;resize:vertical;min-height:80px;outline:none;box-sizing:border-box;"></textarea>

    </div>

 

    <div style="margin-top:28px;text-align:center;">

      <button onclick="jeroSubmit1()" style="font-family:'Bebas Neue',Impact,sans-serif;font-size:1.35rem;letter-spacing:.1em;padding:16px 48px;background:linear-gradient(135deg,#C9A227 0%,#A07A10 100%);color:#0A0A0A;border:none;cursor:pointer;clip-path:polygon(10px 0%,100% 0%,calc(100% - 10px) 100%,0% 100%);">🔥 Enviar mi diagnóstico</button>

    </div>

 

    <div id="jero-result1" style="display:none;background:#1A1A1A;border:1px solid #7A5F10;padding:28px 24px;margin-top:24px;text-align:center;">

      <div style="font-family:'Bebas Neue',Impact,sans-serif;font-size:2rem;color:#F0C040;letter-spacing:.06em;margin-bottom:10px;">💪 ¡Diagnóstico recibido!</div>

      <div style="font-size:.95rem;color:#aaa;line-height:1.55;max-width:480px;margin:0 auto 16px;">Con base en lo que marcaste, tu entrenador ya puede ver tus obstáculos reales y preparar un plan a medida.</div>

      <div id="jero-tags1" style="display:flex;flex-wrap:wrap;gap:6px;justify-content:center;margin:14px 0 0;"></div>

      <div style="margin-top:16px;font-size:.85rem;color:#aaa;">El siguiente paso es una consulta corta para conocerte a fondo.</div>

      <a id="jero-wa1" href="#" target="_blank" style="display:inline-block;margin-top:20px;font-family:'Bebas Neue',Impact,sans-serif;font-size:1.1rem;letter-spacing:.08em;padding:13px 32px;background:#1DA851;color:#fff;text-decoration:none;">📲 Hablar con mi entrenador</a>

    </div>

 

  </div><!-- end panel1 -->

 

 

  <!-- ===== QUIZ 2 — OBJETIVOS ===== -->

  <div id="jero-panel2" style="max-width:680px;margin:0 auto;padding:28px 16px 0;display:none;">

 

    <div style="background:#1A1A1A;border:1px solid #7A5F10;border-left:4px solid #C9A227;padding:18px 20px;margin-bottom:24px;">

      <div style="font-family:'Bebas Neue',Impact,sans-serif;font-size:1.6rem;letter-spacing:.06em;color:#F0C040;line-height:1.1;margin-bottom:6px;">¿Qué querés lograr con tu cuerpo?</div>

      <div style="font-size:.92rem;color:#aaa;line-height:1.5;">Marcá los cambios físicos que querés ver. Cuanto más honesto/a seas, mejor puede armarte el plan.</div>

    </div>

 

    <!-- Q1 -->

    <div style="margin-bottom:20px;">

      <div style="font-family:'Barlow Condensed',Arial,sans-serif;font-size:1rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#E8E0D0;margin-bottom:10px;">

        <span style="font-family:'Bebas Neue',Impact,sans-serif;color:#C9A227;margin-right:8px;">01</span>Composición corporal

      </div>

      <div style="display:flex;flex-wrap:wrap;gap:8px;">

        <div onclick="jeroChip(this)" style="display:flex;align-items:center;gap:6px;padding:8px 14px;border:1.5px solid #2A2A2A;background:#141414;color:#bbb;font-family:'Barlow Condensed',Arial,sans-serif;font-size:.9rem;font-weight:600;cursor:pointer;user-select:none;">🔥 Perder grasa</div>

        <div onclick="jeroChip(this)" style="display:flex;align-items:center;gap:6px;padding:8px 14px;border:1.5px solid #2A2A2A;background:#141414;color:#bbb;font-family:'Barlow Condensed',Arial,sans-serif;font-size:.9rem;font-weight:600;cursor:pointer;user-select:none;">💪 Ganar músculo</div>

        <div onclick="jeroChip(this)" style="display:flex;align-items:center;gap:6px;padding:8px 14px;border:1.5px solid #2A2A2A;background:#141414;color:#bbb;font-family:'Barlow Condensed',Arial,sans-serif;font-size:.9rem;font-weight:600;cursor:pointer;user-select:none;">⚖️ Mantener mi peso</div>

        <div onclick="jeroChip(this)" style="display:flex;align-items:center;gap:6px;padding:8px 14px;border:1.5px solid #2A2A2A;background:#141414;color:#bbb;font-family:'Barlow Condensed',Arial,sans-serif;font-size:.9rem;font-weight:600;cursor:pointer;user-select:none;">📏 Bajar tallas de ropa</div>

        <div onclick="jeroChip(this)" style="display:flex;align-items:center;gap:6px;padding:8px 14px;border:1.5px solid #2A2A2A;background:#141414;color:#bbb;font-family:'Barlow Condensed',Arial,sans-serif;font-size:.9rem;font-weight:600;cursor:pointer;user-select:none;">🩹 Definir sin perder peso</div>

      </div>

    </div>

    <div style="height:1px;background:linear-gradient(90deg,transparent,#2A2A2A,transparent);margin:6px 0 20px;"></div>

 

    <!-- Q2 -->

    <div style="margin-bottom:20px;">

      <div style="font-family:'Barlow Condensed',Arial,sans-serif;font-size:1rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#E8E0D0;margin-bottom:10px;">

        <span style="font-family:'Bebas Neue',Impact,sans-serif;color:#C9A227;margin-right:8px;">02</span>Rendimiento físico

      </div>

      <div style="display:flex;flex-wrap:wrap;gap:8px;">

        <div onclick="jeroChip(this)" style="display:flex;align-items:center;gap:6px;padding:8px 14px;border:1.5px solid #2A2A2A;background:#141414;color:#bbb;font-family:'Barlow Condensed',Arial,sans-serif;font-size:.9rem;font-weight:600;cursor:pointer;user-select:none;">⚡ Ser más rápido/a</div>

        <div onclick="jeroChip(this)" style="display:flex;align-items:center;gap:6px;padding:8px 14px;border:1.5px solid #2A2A2A;background:#141414;color:#bbb;font-family:'Barlow Condensed',Arial,sans-serif;font-size:.9rem;font-weight:600;cursor:pointer;user-select:none;">🏋️ Ser más fuerte</div>

        <div onclick="jeroChip(this)" style="display:flex;align-items:center;gap:6px;padding:8px 14px;border:1.5px solid #2A2A2A;background:#141414;color:#bbb;font-family:'Barlow Condensed',Arial,sans-serif;font-size:.9rem;font-weight:600;cursor:pointer;user-select:none;">🫀 Mejorar mi resistencia</div>

        <div onclick="jeroChip(this)" style="display:flex;align-items:center;gap:6px;padding:8px 14px;border:1.5px solid #2A2A2A;background:#141414;color:#bbb;font-family:'Barlow Condensed',Arial,sans-serif;font-size:.9rem;font-weight:600;cursor:pointer;user-select:none;">🤸 Más flexibilidad</div>

        <div onclick="jeroChip(this)" style="display:flex;align-items:center;gap:6px;padding:8px 14px;border:1.5px solid #2A2A2A;background:#141414;color:#bbb;font-family:'Barlow Condensed',Arial,sans-serif;font-size:.9rem;font-weight:600;cursor:pointer;user-select:none;">🥊 Aprender kickboxing</div>

        <div onclick="jeroChip(this)" style="display:flex;align-items:center;gap:6px;padding:8px 14px;border:1.5px solid #2A2A2A;background:#141414;color:#bbb;font-family:'Barlow Condensed',Arial,sans-serif;font-size:.9rem;font-weight:600;cursor:pointer;user-select:none;">🧘 Mejor postura y equilibrio</div>

      </div>

    </div>

    <div style="height:1px;background:linear-gradient(90deg,transparent,#2A2A2A,transparent);margin:6px 0 20px;"></div>

 

    <!-- Q3 -->

    <div style="margin-bottom:20px;">

      <div style="font-family:'Barlow Condensed',Arial,sans-serif;font-size:1rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#E8E0D0;margin-bottom:10px;">

        <span style="font-family:'Bebas Neue',Impact,sans-serif;color:#C9A227;margin-right:8px;">03</span>Salud y bienestar

      </div>

      <div style="display:flex;flex-wrap:wrap;gap:8px;">

        <div onclick="jeroChip(this)" style="display:flex;align-items:center;gap:6px;padding:8px 14px;border:1.5px solid #2A2A2A;background:#141414;color:#bbb;font-family:'Barlow Condensed',Arial,sans-serif;font-size:.9rem;font-weight:600;cursor:pointer;user-select:none;">😴 Dormir mejor</div>

        <div onclick="jeroChip(this)" style="display:flex;align-items:center;gap:6px;padding:8px 14px;border:1.5px solid #2A2A2A;background:#141414;color:#bbb;font-family:'Barlow Condensed',Arial,sans-serif;font-size:.9rem;font-weight:600;cursor:pointer;user-select:none;">🧠 Reducir el estrés</div>

        <div onclick="jeroChip(this)" style="display:flex;align-items:center;gap:6px;padding:8px 14px;border:1.5px solid #2A2A2A;background:#141414;color:#bbb;font-family:'Barlow Condensed',Arial,sans-serif;font-size:.9rem;font-weight:600;cursor:pointer;user-select:none;">🦴 Cuidar mis articulaciones</div>

        <div onclick="jeroChip(this)" style="display:flex;align-items:center;gap:6px;padding:8px 14px;border:1.5px solid #2A2A2A;background:#141414;color:#bbb;font-family:'Barlow Condensed',Arial,sans-serif;font-size:.9rem;font-weight:600;cursor:pointer;user-select:none;">❤️ Salud cardiovascular</div>

        <div onclick="jeroChip(this)" style="display:flex;align-items:center;gap:6px;padding:8px 14px;border:1.5px solid #2A2A2A;background:#141414;color:#bbb;font-family:'Barlow Condensed',Arial,sans-serif;font-size:.9rem;font-weight:600;cursor:pointer;user-select:none;">⬆️ Más energía en el día</div>

      </div>

    </div>

    <div style="height:1px;background:linear-gradient(90deg,transparent,#2A2A2A,transparent);margin:6px 0 20px;"></div>

 

    <!-- Q4 -->

    <div style="margin-bottom:20px;">

      <div style="font-family:'Barlow Condensed',Arial,sans-serif;font-size:1rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#E8E0D0;margin-bottom:10px;">

        <span style="font-family:'Bebas Neue',Impact,sans-serif;color:#C9A227;margin-right:8px;">04</span>Zona del cuerpo que más querés trabajar

      </div>

      <div style="display:flex;flex-wrap:wrap;gap:8px;">

        <div onclick="jeroChip(this)" style="display:flex;align-items:center;gap:6px;padding:8px 14px;border:1.5px solid #2A2A2A;background:#141414;color:#bbb;font-family:'Barlow Condensed',Arial,sans-serif;font-size:.9rem;font-weight:600;cursor:pointer;user-select:none;">🫄 Abdomen / panza</div>

        <div onclick="jeroChip(this)" style="display:flex;align-items:center;gap:6px;padding:8px 14px;border:1.5px solid #2A2A2A;background:#141414;color:#bbb;font-family:'Barlow Condensed',Arial,sans-serif;font-size:.9rem;font-weight:600;cursor:pointer;user-select:none;">🦵 Piernas / glúteos</div>

        <div onclick="jeroChip(this)" style="display:flex;align-items:center;gap:6px;padding:8px 14px;border:1.5px solid #2A2A2A;background:#141414;color:#bbb;font-family:'Barlow Condensed',Arial,sans-serif;font-size:.9rem;font-weight:600;cursor:pointer;user-select:none;">💪 Brazos</div>

        <div onclick="jeroChip(this)" style="display:flex;align-items:center;gap:6px;padding:8px 14px;border:1.5px solid #2A2A2A;background:#141414;color:#bbb;font-family:'Barlow Condensed',Arial,sans-serif;font-size:.9rem;font-weight:600;cursor:pointer;user-select:none;">🔙 Espalda</div>

        <div onclick="jeroChip(this)" style="display:flex;align-items:center;gap:6px;padding:8px 14px;border:1.5px solid #2A2A2A;background:#141414;color:#bbb;font-family:'Barlow Condensed',Arial,sans-serif;font-size:.9rem;font-weight:600;cursor:pointer;user-select:none;">🫁 Pecho</div>

        <div onclick="jeroChip(this)" style="display:flex;align-items:center;gap:6px;padding:8px 14px;border:1.5px solid #2A2A2A;background:#141414;color:#bbb;font-family:'Barlow Condensed',Arial,sans-serif;font-size:.9rem;font-weight:600;cursor:pointer;user-select:none;">🌐 Todo el cuerpo</div>

      </div>

    </div>

    <div style="height:1px;background:linear-gradient(90deg,transparent,#2A2A2A,transparent);margin:6px 0 20px;"></div>

 

    <!-- Q5 -->

    <div style="margin-bottom:20px;">

      <div style="font-family:'Barlow Condensed',Arial,sans-serif;font-size:1rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#E8E0D0;margin-bottom:10px;">

        <span style="font-family:'Bebas Neue',Impact,sans-serif;color:#C9A227;margin-right:8px;">05</span>¿En cuánto tiempo querés ver resultados?

      </div>

      <div style="display:flex;flex-wrap:wrap;gap:8px;">

        <div onclick="jeroChip(this)" style="display:flex;align-items:center;gap:6px;padding:8px 14px;border:1.5px solid #2A2A2A;background:#141414;color:#bbb;font-family:'Barlow Condensed',Arial,sans-serif;font-size:.9rem;font-weight:600;cursor:pointer;user-select:none;">⚡ 1 mes</div>

        <div onclick="jeroChip(this)" style="display:flex;align-items:center;gap:6px;padding:8px 14px;border:1.5px solid #2A2A2A;background:#141414;color:#bbb;font-family:'Barlow Condensed',Arial,sans-serif;font-size:.9rem;font-weight:600;cursor:pointer;user-select:none;">📅 3 meses</div>

        <div onclick="jeroChip(this)" style="display:flex;align-items:center;gap:6px;padding:8px 14px;border:1.5px solid #2A2A2A;background:#141414;color:#bbb;font-family:'Barlow Condensed',Arial,sans-serif;font-size:.9rem;font-weight:600;cursor:pointer;user-select:none;">🏆 6 meses</div>

        <div onclick="jeroChip(this)" style="display:flex;align-items:center;gap:6px;padding:8px 14px;border:1.5px solid #2A2A2A;background:#141414;color:#bbb;font-family:'Barlow Condensed',Arial,sans-serif;font-size:.9rem;font-weight:600;cursor:pointer;user-select:none;">♾️ Es un cambio de vida</div>

      </div>

    </div>

    <div style="height:1px;background:linear-gradient(90deg,transparent,#2A2A2A,transparent);margin:6px 0 20px;"></div>

 

    <!-- Q6 slider -->

    <div style="margin-bottom:20px;">

      <div style="font-family:'Barlow Condensed',Arial,sans-serif;font-size:1rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#E8E0D0;margin-bottom:10px;">

        <span style="font-family:'Bebas Neue',Impact,sans-serif;color:#C9A227;margin-right:8px;">06</span>¿Cuántos días por semana podés entrenar?

      </div>

      <div style="text-align:center;font-family:'Bebas Neue',Impact,sans-serif;font-size:1.8rem;color:#C9A227;margin-bottom:2px;" id="jero-d-val">3</div>

      <input type="range" min="1" max="7" value="3" id="jero-days" oninput="document.getElementById('jero-d-val').textContent=this.value" style="width:100%;accent-color:#C9A227;cursor:pointer;">

      <div style="display:flex;justify-content:space-between;font-size:.75rem;color:#888;margin-top:4px;font-family:'Barlow Condensed',Arial,sans-serif;">

        <span>1 día</span><span>7 días</span>

      </div>

    </div>

    <div style="height:1px;background:linear-gradient(90deg,transparent,#2A2A2A,transparent);margin:6px 0 20px;"></div>

 

    <!-- Q7 -->

    <div style="margin-bottom:20px;">

      <div style="font-family:'Barlow Condensed',Arial,sans-serif;font-size:1rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#E8E0D0;margin-bottom:10px;">

        <span style="font-family:'Bebas Neue',Impact,sans-serif;color:#C9A227;margin-right:8px;">07</span>Tu nombre

      </div>

      <input type="text" id="jero-nombre" placeholder="Nombre y apellido…" style="width:100%;background:#141414;border:1.5px solid #2A2A2A;color:#E8E0D0;font-family:'Barlow',Arial,sans-serif;font-size:.92rem;padding:11px 14px;outline:none;box-sizing:border-box;">

    </div>

 

    <div style="margin-top:28px;text-align:center;">

      <button onclick="jeroSubmit2()" style="font-family:'Bebas Neue',Impact,sans-serif;font-size:1.35rem;letter-spacing:.1em;padding:16px 48px;background:linear-gradient(135deg,#C9A227 0%,#A07A10 100%);color:#0A0A0A;border:none;cursor:pointer;clip-path:polygon(10px 0%,100% 0%,calc(100% - 10px) 100%,0% 100%);">🎯 Quiero mi plan personalizado</button>

    </div>

 

    <div id="jero-result2" style="display:none;background:#1A1A1A;border:1px solid #7A5F10;padding:28px 24px;margin-top:24px;text-align:center;">

      <div style="font-family:'Bebas Neue',Impact,sans-serif;font-size:2rem;color:#F0C040;letter-spacing:.06em;margin-bottom:10px;">🏆 ¡Objetivos registrados!</div>

      <div style="font-size:.95rem;color:#aaa;line-height:1.55;max-width:480px;margin:0 auto 16px;">Tu entrenador ya tiene el mapa de lo que querés lograr. El primer paso es una consulta sin costo.</div>

      <div id="jero-tags2" style="display:flex;flex-wrap:wrap;gap:6px;justify-content:center;margin:14px 0 0;"></div>

      <div style="margin-top:16px;font-size:.85rem;color:#aaa;">Respondemos en menos de 24 hs.</div>

      <a id="jero-wa2" href="#" target="_blank" style="display:inline-block;margin-top:20px;font-family:'Bebas Neue',Impact,sans-serif;font-size:1.1rem;letter-spacing:.08em;padding:13px 32px;background:#1DA851;color:#fff;text-decoration:none;">📲 Hablar con mi entrenador</a>

    </div>

 

  </div><!-- end panel2 -->

 

</div><!-- end root -->

 

<script>

function jeroTab(n) {

  var p1 = document.getElementById('jero-panel1');

  var p2 = document.getElementById('jero-panel2');

  var t1 = document.getElementById('jero-tab1');

  var t2 = document.getElementById('jero-tab2');

  if (n === 1) {

    p1.style.display = 'block'; p2.style.display = 'none';

    t1.style.border = '2px solid #C9A227'; t1.style.color = '#C9A227'; t1.style.background = 'rgba(201,162,39,.08)';

    t2.style.border = '2px solid #2A2A2A'; t2.style.color = '#888'; t2.style.background = '#1A1A1A';

  } else {

    p1.style.display = 'none'; p2.style.display = 'block';

    t2.style.border = '2px solid #C9A227'; t2.style.color = '#C9A227'; t2.style.background = 'rgba(201,162,39,.08)';

    t1.style.border = '2px solid #2A2A2A'; t1.style.color = '#888'; t1.style.background = '#1A1A1A';

  }

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

}

 

function jeroChip(el) {

  if (el.dataset.sel === '1') {

    el.dataset.sel = '0';

    el.style.borderColor = '#2A2A2A';

    el.style.background = '#141414';

    el.style.color = '#bbb';

  } else {

    el.dataset.sel = '1';

    el.style.borderColor = '#C9A227';

    el.style.background = 'rgba(201,162,39,.12)';

    el.style.color = '#F0C040';

  }

}

 

function jeroGetSelected(panelId) {

  return [...document.getElementById(panelId).querySelectorAll('[data-sel="1"]')].map(function(c){ return c.textContent.trim(); });

}

 

function jeroSubmit1() {

  var sel = jeroGetSelected('jero-panel1');

  var energia = document.getElementById('jero-energy').value;

  var extra = document.getElementById('jero-extra1').value.trim();

  var tags = document.getElementById('jero-tags1');

  tags.innerHTML = sel.length ? sel.map(function(t){ return '<span style="background:rgba(201,162,39,.14);border:1px solid #7A5F10;color:#F0C040;font-family:Barlow Condensed,Arial,sans-serif;font-size:.82rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:4px 12px;display:inline-block;">'+t+'</span>'; }).join('') : '<span style="color:#888;">Sin selección</span>';

  var msg = '🦁 *JEROLION — OBSTÁCULOS*\n\n';

  msg += sel.length ? '*Marcó:*\n' + sel.map(function(s){ return '• '+s; }).join('\n') : 'Sin selección';

  msg += '\n\n*Energía diaria:* ' + energia + '/10';

  if (extra) msg += '\n\n*Comentario:*\n' + extra;

  document.getElementById('jero-wa1').href = 'https://wa.me/542236177503?text=' + encodeURIComponent(msg);

  var card = document.getElementById('jero-result1');

  card.style.display = 'block';

  card.scrollIntoView({behavior:'smooth', block:'center'});

}

 

function jeroSubmit2() {

  var sel = jeroGetSelected('jero-panel2');

  var dias = document.getElementById('jero-days').value;

  var nombre = document.getElementById('jero-nombre').value.trim();

  var tags = document.getElementById('jero-tags2');

  tags.innerHTML = sel.length ? sel.map(function(t){ return '<span style="background:rgba(201,162,39,.14);border:1px solid #7A5F10;color:#F0C040;font-family:Barlow Condensed,Arial,sans-serif;font-size:.82rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:4px 12px;display:inline-block;">'+t+'</span>'; }).join('') : '<span style="color:#888;">Sin selección</span>';

  var msg = '🦁 *JEROLION — OBJETIVOS*\n\n';

  if (nombre) msg += '*Nombre:* ' + nombre + '\n\n';

  msg += sel.length ? '*Objetivos:*\n' + sel.map(function(s){ return '• '+s; }).join('\n') : 'Sin selección';

  msg += '\n\n*Días disponibles:* ' + dias + ' por semana';

  document.getElementById('jero-wa2').href = 'https://wa.me/542236177503?text=' + encodeURIComponent(msg);

  var card = document.getElementById('jero-result2');

  card.style.display = 'block';

  card.scrollIntoView({behavior:'smooth', block:'center'});

}

</script>