Coaching Online

<div style="text-align: center;">
  <h1 style="font-size: 34px; margin-bottom: 10px;">Entrena con MSE</h1>
  <h2 style="color: #FF3C00; font-size: 24px; font-weight: bold; margin-bottom: 30px;">Evoluciona desde cero</h2>

  <p style="font-size: 18px; max-width: 600px; margin: 0 auto 30px auto;">
    Ya sea en persona o 100% online, este programa está diseñado para transformar tu cuerpo desde cero. 
    Incluye rutinas personalizadas, guía nutricional paso a paso y acompañamiento constante.
  </p>

  <p style="font-weight: bold; font-size: 16px;">Yo pasé por esto. Y hoy mi trabajo es ayudarte a lograr tu evolución.</p>
  <p style="margin-bottom: 40px;">Aquí se entrena. Aquí se come. Aquí se evoluciona.</p>

  <hr style="width: 50%; margin: 40px auto;">

  <h2 style="font-size: 26px; margin-bottom: 20px;">Paquetes Disponibles</h2>

  <div style="display: flex; flex-direction: column; gap: 20px; align-items: center;">

    <div style="max-width: 400px; padding: 20px; border: 1px solid #ccc; border-radius: 10px;">
      <h3>Online Coaching Challenge – $69</h3>
      <p>Plan nutricional + rutina personalizada por 30 días.</p>
      <a href="/products/online-coaching-challenge" style="background-color: #FF3C00; color: white; padding: 10px 20px; border-radius: 5px; text-decoration: none;">¡Empieza Ya!</a>
    </div>

    <div style="max-width: 400px; padding: 20px; border: 1px solid #ccc; border-radius: 10px;">
      <h3>8 sesiones personales – $600</h3>
      <p>Entrenamiento 1:1 en persona.</p>
      <a href="/products/8-sesiones-personales" style="background-color: #FF3C00; color: white; padding: 10px 20px; border-radius: 5px; text-decoration: none;">¡Lo Quiero!</a>
    </div>

    <div style="max-width: 400px; padding: 20px; border: 1px solid #ccc; border-radius: 10px;">
      <h3>12 sesiones personales – $900</h3>
      <p>Constancia y resultados medibles.</p>
      <a href="/products/12-sesiones-personales" style="background-color: #FF3C00; color: white; padding: 10px 20px; border-radius: 5px; text-decoration: none;">¡Reservar!</a>
    </div>

    <div style="max-width: 400px; padding: 20px; border: 1px solid #ccc; border-radius: 10px;">
      <h3>16 sesiones personales – $1120</h3>
      <p>Transformación completa con seguimiento.</p>
      <a href="/products/16-sesiones-personales" style="background-color: #FF3C00; color: white; padding: 10px 20px; border-radius: 5px; text-decoration: none;">¡Inscribirme!</a>
    </div>

  </div>
</div>