<!-- TOP BAR -->

<section class="topbar" style="background:#2E7D32;color:#fff;text-align:center;padding:8px 12px;font-family:'Open Sans',system-ui;">

  <p style="margin:0;font-size:14px;">Envío <strong>GRATIS</strong> en Colombia • <strong>Paga contra entrega</strong></p>

</section>

<!-- HERO -->

<section class="hero" style="background:#FFF8F0;padding:24px 16px;font-family:'Open Sans',system-ui;">

  <div style="max-width:1080px;margin:0 auto;display:grid;grid-template-columns:1.1fr 0.9fr;gap:24px;align-items:center;">

    <div>

      <h1 style="font-family:'Montserrat',system-ui;font-size:36px;line-height:1.2;color:#0f5132;margin:0 0 8px;">

        Recupera tu movilidad y despídete del dolor de rodillas

      </h1>

      <p style="margin:0 0 12px;color:#334;">Parche herbal con sensación cálida y confort duradero para tu día a día.</p>

      <ul style="list-style:none;padding:0;margin:0 0 12px;color:#223;">

        <li>✅ <strong>Alivio cálido hasta 12 h</strong></li>

        <li>✅ <strong>No se despega con el movimiento</strong></li>

        <li>✅ <strong>Ingredientes naturales</strong></li>

      </ul>

      <p style="margin:8px 0;color:#0f5132;">

        Antes <s>$119.900</s> • <strong>Hoy $79.900</strong> — <span style="color:#D35400;">Ahorra 33%</span>

      </p>

      <p style="margin:4px 0 14px;color:#667;">Miles de pedidos en Colombia y reseñas verificadas.</p>

      <a href="#buy" class="btn-primary" style="display:inline-block;background:#FFA34D;color:#fff;padding:14px 18px;border-radius:10px;font-weight:700;text-decoration:none;">

        PEDIR CONTRA ENTREGA – ENVÍO GRATIS

      </a>

      <p style="margin:10px 0 0;font-size:12px;color:#777;">Alta demanda hoy. Unidades limitadas en bodega.</p>

    </div>

    <div>

      <!-- Usa tus fotos adjuntas: empaque real + silueta del parche EXACTA, sin alterar -->

      <img src="EMPAQUE_Y_PARCHE_REAL.png" alt="Knee Pain Relief Patches — empaque real y parche" style="width:100%;border-radius:12px;box-shadow:0 8px 20px rgba(0,0,0,.06);" />

    </div>

  </div>

</section>

<!-- DELIVERY TIMELINE -->

<section style="background:#fff;padding:18px 12px;border-top:1px solid #eee;border-bottom:1px solid #eee;font-family:'Open Sans',system-ui;">

  <div style="max-width:1080px;margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);gap:12px;text-align:center;">

    <div style="padding:10px;background:#F6FFF4;border-radius:10px;">📦 <strong>Pedido confirmado hoy</strong></div>

    <div style="padding:10px;background:#F6FFF4;border-radius:10px;">🚚 <strong>Despacho 24–48 h</strong></div>

    <div style="padding:10px;background:#F6FFF4;border-radius:10px;">🏠 <strong>Entrega 2–5 días</strong></div>

  </div>

</section>

<!-- PROBLEM → PROMISE -->

<section style="background:#fff;padding:28px 16px;font-family:'Open Sans',system-ui;">

  <div style="max-width:900px;margin:0 auto;text-align:center;">

    <h2 style="font-family:'Montserrat',system-ui;color:#0f5132;margin:0 0 10px;">Que el dolor no frene tu día</h2>

    <p style="margin:0;color:#333;">

      Si las molestias de rodilla interrumpen tu rutina, estos parches con extractos herbales te brindan 

      una <strong>sensación cálida y reconfortante</strong> que ayuda a moverte con más comodidad y confianza — en el trabajo, en casa o al caminar.

    </p>

  </div>

</section>

<!-- BENEFITS GRID -->

<section style="background:#FFFFFF;padding:28px 16px;font-family:'Open Sans',system-ui;">

  <div style="max-width:1080px;margin:0 auto;">

    <div style="display:grid;grid-template-columns:repeat(5,1fr);gap:14px;">

      <div style="background:#F8FFF8;border-radius:12px;padding:14px;">✅ 12 h de confort cálido</div>

      <div style="background:#F8FFF8;border-radius:12px;padding:14px;">✅ Forma ergonómica que cubre mejor la zona</div>

      <div style="background:#F8FFF8;border-radius:12px;padding:14px;">✅ Fácil de aplicar, uso tópico</div>

      <div style="background:#F8FFF8;border-radius:12px;padding:14px;">✅ Discreto bajo la ropa</div>

      <div style="background:#F8FFF8;border-radius:12px;padding:14px;">✅ Versátil: rodillas, hombros y articulaciones</div>

    </div>

    <p style="text-align:center;margin:14px 0 0;color:#0f5132;">✅ Paga contra entrega • 🚚 Envío GRATIS en Colombia</p>

  </div>

</section>

<!-- OFFERS / BUNDLES -->

<section id="packs" style="background:#FFF8F0;padding:28px 16px;font-family:'Open Sans',system-ui;">

  <div style="max-width:1080px;margin:0 auto;text-align:center;">

    <h2 style="font-family:'Montserrat',system-ui;color:#0f5132;margin:0 0 12px;">Elige tu pack y ahorra más</h2>

    <div style="display:grid;grid-template-columns:repeat(3,1fr);gap:16px;">

      <div style="background:#fff;border-radius:12px;padding:16px;box-shadow:0 8px 20px rgba(0,0,0,.05);">

        <h3 style="margin:0 0 6px;">Pack 1</h3>

        <p style="margin:0 0 8px;color:#666;">12 parches — Ideal 1–2 semanas</p>

        <p style="margin:0 0 12px;"><s>$119.900</s> • <strong>$79.900</strong></p>

        <a href="#buy" class="btn-primary" style="display:inline-block;background:#FFA34D;color:#fff;padding:10px 14px;border-radius:10px;text-decoration:none;">Comprar ahora</a>

      </div>

      <div style="background:#fff;border:2px solid #FFA34D;border-radius:12px;padding:16px;box-shadow:0 12px 24px rgba(0,0,0,.07);">

        <h3 style="margin:0 0 6px;">Pack 2 — <span style="color:#D35400;">Oferta 2×1</span></h3>

        <p style="margin:0 0 8px;color:#666;">24 parches — Favorito del mes</p>

        <p style="margin:0 0 12px;"><s>$239.800</s> • <strong>$139.900</strong></p>

        <a href="#buy" class="btn-primary" style="display:inline-block;background:#FFA34D;color:#fff;padding:10px 14px;border-radius:10px;text-decoration:none;">Elegir este pack</a>

      </div>

      <div style="background:#fff;border-radius:12px;padding:16px;box-shadow:0 8px 20px rgba(0,0,0,.05);">

        <h3 style="margin:0 0 6px;">Pack 3</h3>

        <p style="margin:0 0 8px;color:#666;">36 parches — Ahorro máximo familiar</p>

        <p style="margin:0 0 12px;"><s>$359.700</s> • <strong>$199.900</strong></p>

        <a href="#buy" class="btn-primary" style="display:inline-block;background:#FFA34D;color:#fff;padding:10px 14px;border-radius:10px;text-decoration:none;">Comprar pack</a>

      </div>

    </div>

    <p style="margin:12px 0 0;color:#0f5132;">Envío GRATIS en Colombia • Pago al recibir</p>

  </div>

</section>

<!-- HOW IT WORKS -->

<section style="background:#fff;padding:28px 16px;font-family:'Open Sans',system-ui;">

  <div style="max-width:980px;margin:0 auto;text-align:center;">

    <h2 style="font-family:'Montserrat',system-ui;color:#0f5132;margin:0 0 12px;">Alivio en 3 pasos</h2>

    <div style="display:grid;grid-template-columns:repeat(3,1fr);gap:16px;">

      <div style="background:#F6FFF4;border-radius:12px;padding:16px;">1) <strong>Despega</strong> el parche</div>

      <div style="background:#F6FFF4;border-radius:12px;padding:16px;">2) <strong>Coloca</strong> sobre piel limpia y seca</div>

      <div style="background:#F6FFF4;border-radius:12px;padding:16px;">3) <strong>Disfruta</strong> de tu día con comodidad</div>

    </div>

  </div>

</section>

<!-- INGREDIENTS & CARE -->

<section style="background:#FFFFFF;padding:28px 16px;font-family:'Open Sans',system-ui;">

  <div style="max-width:900px;margin:0 auto;">

    <h2 style="font-family:'Montserrat',system-ui;color:#0f5132;margin:0 0 10px;">Natural y amable con tu piel</h2>

    <p style="margin:0 0 8px;color:#333;">Extractos herbales seleccionados • Base adhesiva hipoalergénica • Sin químicos agresivos.</p>

    <ul style="margin:0;color:#666;">

      <li>• No usar sobre piel irritada o con heridas abiertas</li>

      <li>• Suspender uso si presenta reacciones</li>

      <li>• Mantener fuera del alcance de los niños</li>

      <li>• Solo para uso tópico externo</li>

    </ul>

  </div>

</section>

<!-- TESTIMONIALS (FB-style cards) -->

<section style="background:#FFF8F0;padding:28px 16px;font-family:'Open Sans',system-ui;">

  <div style="max-width:1080px;margin:0 auto;">

    <h2 style="font-family:'Montserrat',system-ui;color:#0f5132;margin:0 0 12px;text-align:center;">Reseñas de clientes en Colombia</h2>

    <div style="display:grid;grid-template-columns:repeat(3,1fr);gap:14px;">

      <div style="background:#fff;border-radius:12px;padding:14px;box-shadow:0 8px 20px rgba(0,0,0,.05);">

        <p style="margin:0 0 6px;">⭐️⭐️⭐️⭐️⭐️</p>

        <p style="margin:0;color:#333;">Trabajo todo el día de pie y terminaba con las rodillas cansadas. Con estos parches me siento aliviada rápido y no se despegan.</p>

        <p style="margin:8px 0 0;color:#777;"><strong>Laura</strong> — Bogotá</p>

      </div>

      <div style="background:#fff;border-radius:12px;padding:14px;box-shadow:0 8px 20px rgba(0,0,0,.05);">

        <p style="margin:0 0 6px;">⭐️⭐️⭐️⭐️⭐️</p>

        <p style="margin:0;color:#333;">Se los compré a mi mamá y camina con más comodidad. Le encanta la sensación cálida.</p>

        <p style="margin:8px 0 0;color:#777;"><strong>Salomé</strong> — Medellín</p>

      </div>

      <div style="background:#fff;border-radius:12px;padding:14px;box-shadow:0 8px 20px rgba(0,0,0,.05);">

        <p style="margin:0 0 6px;">⭐️⭐️⭐️⭐️⭐️</p>

        <p style="margin:0;color:#333;">Conduzco muchas horas y estos parches me ayudan a pasar el día con más tranquilidad. Buen adhesivo.</p>

        <p style="margin:8px 0 0;color:#777;"><strong>John</strong> — Cali</p>

      </div>

    </div>

  </div>

</section>

<!-- FAQ -->

<section style="background:#fff;padding:28px 16px;font-family:'Open Sans',system-ui;">

  <div style="max-width:900px;margin:0 auto;">

    <h2 style="font-family:'Montserrat',system-ui;color:#0f5132;margin:0 0 12px;">Preguntas frecuentes</h2>

    <details style="margin:8px 0;"><summary><strong>¿Cuánto dura la sensación?</strong></summary><p>Entre 8 y 12 horas, según actividad y tipo de piel.</p></details>

    <details style="margin:8px 0;"><summary><strong>¿Solo para rodillas?</strong></summary><p>También se puede usar en hombros, cuello y otras articulaciones, según necesidad.</p></details>

    <details style="margin:8px 0;"><summary><strong>¿Se nota bajo la ropa?</strong></summary><p>Es delgado y discreto; se mantiene firme durante la jornada.</p></details>

    <details style="margin:8px 0;"><summary><strong>¿Cómo pago?</strong></summary><p>Puedes <strong>pagar al recibir</strong> (contraentrega) en todo Colombia.</p></details>

    <details style="margin:8px 0;"><summary><strong>¿Cuánto tarda en llegar?</strong></summary><p>Normalmente entre <strong>2 y 5 días hábiles</strong>, según tu ciudad.</p></details>

    <details style="margin:8px 0;"><summary><strong>¿Qué pasa si no me funciona?</strong></summary><p>Si tienes alguna inquietud, contáctanos y te ayudamos de inmediato. Queremos que tengas la mejor experiencia.</p></details>

  </div>

</section>

<!-- FINAL CTA -->

<section id="buy" style="background:#FFF8F0;padding:28px 16px;text-align:center;font-family:'Open Sans',system-ui;">

  <a href="#" class="btn-primary" style="display:inline-block;background:#FFA34D;color:#fff;padding:16px 20px;border-radius:12px;font-weight:700;text-decoration:none;">

    COMPRAR AHORA – Paga al recibir

  </a>

  <p style="margin:8px 0 0;color:#0f5132;">✅ Paga contra entrega • 🚚 Envío GRATIS en Colombia</p>

</section>

<!-- STICKY CTA (texto para móvil) -->

<!-- Usa este copy en tu botón flotante -->

<!-- “Comprar ahora – Paga al recibir” -->