.elementor-3747 .elementor-element.elementor-element-77e0297a{--display:flex;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-3747 .elementor-element.elementor-element-189fda3{--display:flex;}/* Start custom CSS */<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Certificación ISAK — Sociedad Deportiva</title>
<style>
  /* ── Overrides para romper el contenedor de WordPress ── */
  .entry-title, .page-title, h1.page-header, .page-header{display:none!important}
  .entry-content, .page-content, .site-content, .content-area,
  .entry-content > div, .wp-block-group, .is-layout-flow{
    max-width:100%!important;
    width:100%!important;
    padding:0!important;
    margin:0!important;
  }
  .site-main, main#main, main.site-main{padding:0!important;margin:0!important}
  .wp-block-html{margin:0!important;padding:0!important}
  figure.wp-block-image{margin:0!important}
  /* ─────────────────────────────────────────────────────── */
  *{margin:0;padding:0;box-sizing:border-box}
  body{font-family:'Segoe UI',Arial,sans-serif;color:#1a2540;background:#fff}
  a{text-decoration:none}

  /* NAV */
  nav{background:#0a3d8f;padding:14px 40px;display:flex;align-items:center;justify-content:space-between}
  nav > *{max-width:1200px;margin:0 auto}
  .nav-inner{max-width:1200px;margin:0 auto;width:100%;display:flex;align-items:center;justify-content:space-between}
  .nav-logo{color:#fff;font-size:18px;font-weight:700;letter-spacing:.5px}
  .nav-logo span{color:#7ec8f4}
  .nav-cta{background:#fff;color:#0a3d8f;padding:8px 20px;border-radius:6px;font-size:13px;font-weight:600}

  /* HERO */
  .hero{background:linear-gradient(135deg,#0a3d8f 60%,#1565c0 100%);padding:80px 40px 60px;text-align:center;position:relative;overflow:hidden}
  .hero-inner{max-width:1200px;margin:0 auto;position:relative;z-index:1}
  .hero::before{content:'';position:absolute;top:-60px;right:-60px;width:320px;height:320px;border-radius:50%;background:rgba(255,255,255,.05)}
  .hero::after{content:'';position:absolute;bottom:-80px;left:-40px;width:260px;height:260px;border-radius:50%;background:rgba(255,255,255,.04)}

  .hero h1{color:#fff;font-size:42px;font-weight:800;line-height:1.15;max-width:700px;margin:0 auto 16px}
  .hero h1 span{color:#7ec8f4}
  .hero p{color:#b3d9f7;font-size:17px;max-width:560px;margin:0 auto 36px;line-height:1.6}
  .hero-btns{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}
  .btn-primary{background:#fff;color:#0a3d8f;padding:14px 32px;border-radius:8px;font-size:15px;font-weight:700;transition:.2s}
  .btn-primary:hover{background:#e3efff}
  .btn-secondary{border:2px solid rgba(255,255,255,.5);color:#fff;padding:14px 32px;border-radius:8px;font-size:15px;font-weight:600}
  .hero-stats{display:flex;justify-content:center;gap:48px;margin-top:56px;flex-wrap:wrap}
  .stat{color:#fff;text-align:center}
  .stat-num{font-size:32px;font-weight:800;color:#7ec8f4;display:block}
  .stat-label{font-size:12px;color:#b3d9f7;text-transform:uppercase;letter-spacing:.8px;margin-top:2px}

  /* SECTIONS */
  section{padding:72px 40px;max-width:1100px;margin:0 auto}
  @media(min-width:1400px){
    section{max-width:1200px;padding:80px 40px}
    .hero h1{font-size:52px}
    .hero p{font-size:19px}
    h2{font-size:34px}
    .isak-grid{grid-template-columns:1fr 1fr}
    .content-grid{grid-template-columns:1fr 1fr}
    .nav-inner{padding:0}
  }
  @media(min-width:1920px){
    section{max-width:1320px}
    .hero h1{font-size:58px}
    .hero p{font-size:20px;max-width:680px}
    h2{font-size:38px}
    .lead{font-size:18px}
  }
  .section-tag{color:#0a3d8f;font-size:11px;font-weight:700;letter-spacing:2px;text-transform:uppercase;margin-bottom:8px}
  h2{font-size:30px;font-weight:800;color:#0d1f4c;margin-bottom:12px;line-height:1.2}
  .lead{color:#546e8a;font-size:16px;line-height:1.7;max-width:640px}
  .divider{border:none;border-top:1px solid #e3ecf7;margin:0}

  /* WHAT IS ISAK */
  .isak-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:40px}
  .isak-card{background:#f0f6ff;border-radius:12px;padding:28px;border-left:4px solid #0a3d8f}
  .isak-card h3{font-size:15px;font-weight:700;color:#0d1f4c;margin-bottom:8px}
  .isak-card p{font-size:14px;color:#546e8a;line-height:1.6}
  .isak-icon{font-size:22px;margin-bottom:10px}

  /* DIRIGIDO */
  .profiles{display:flex;flex-wrap:wrap;gap:12px;margin-top:36px}
  .profile-pill{display:flex;align-items:center;gap:8px;background:#f0f6ff;border:1px solid #c2d9f5;border-radius:8px;padding:10px 18px;font-size:14px;color:#0d1f4c;font-weight:500}
  .profile-dot{width:8px;height:8px;border-radius:50%;background:#0a3d8f;flex-shrink:0}

  /* CONTENIDOS */
  .content-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:40px}
  .content-item{display:flex;align-items:flex-start;gap:12px;padding:16px;background:#f7faff;border-radius:8px}
  .content-num{width:28px;height:28px;border-radius:50%;background:#0a3d8f;color:#fff;font-size:12px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:1px}
  .content-item p{font-size:14px;color:#334155;line-height:1.5}
  .content-item strong{color:#0d1f4c;font-size:14px}

  /* ESTRUCTURA */
  .estructura-row{display:flex;gap:16px;margin-top:40px;flex-wrap:wrap}
  .ecard{flex:1;min-width:180px;background:#fff;border:1px solid #d0e4f7;border-radius:12px;padding:24px;text-align:center}
  .ecard-top{font-size:28px;font-weight:800;color:#0a3d8f}
  .ecard-unit{font-size:12px;color:#7ec8f4;font-weight:600;text-transform:uppercase;letter-spacing:.5px}
  .ecard-desc{margin-top:8px;font-size:13px;color:#546e8a;line-height:1.5}

  /* CERTIFICACIÓN */
  .cert-box{background:#0a3d8f;border-radius:16px;padding:40px;display:flex;gap:40px;align-items:center;margin-top:40px;flex-wrap:wrap}
  .cert-seal{width:120px;height:120px;border-radius:50%;background:rgba(255,255,255,.15);border:3px solid rgba(255,255,255,.4);display:flex;align-items:center;justify-content:center;flex-direction:column;flex-shrink:0}
  .cert-seal-text{color:#fff;font-size:11px;font-weight:700;letter-spacing:1px;text-align:center;line-height:1.4}
  .cert-seal-big{color:#7ec8f4;font-size:28px;font-weight:800}
  .cert-info h3{color:#fff;font-size:20px;font-weight:700;margin-bottom:12px}
  .cert-list{list-style:none;display:flex;flex-direction:column;gap:8px}
  .cert-list li{color:#b3d9f7;font-size:14px;display:flex;align-items:center;gap:8px}
  .cert-list li::before{content:'';width:6px;height:6px;border-radius:50%;background:#7ec8f4;flex-shrink:0}

  /* FORM */
  .form-section{background:#f4f8ff;border-radius:20px;padding:56px 40px;text-align:center}
  .form-section h2{color:#0d1f4c}
  .form-section .lead{margin:0 auto 36px;text-align:center}
  .form{max-width:520px;margin:0 auto;display:flex;flex-direction:column;gap:14px;text-align:left}
  .form label{font-size:13px;font-weight:600;color:#334155;margin-bottom:4px;display:block}
  .form input,.form select{width:100%;padding:12px 16px;border:1.5px solid #c2d9f5;border-radius:8px;font-size:15px;color:#1a2540;background:#fff;outline:none;transition:.2s}
  .form input:focus,.form select:focus{border-color:#0a3d8f}
  .form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}
  .form-group{display:flex;flex-direction:column}
  .submit-btn{background:#0a3d8f;color:#fff;border:none;padding:16px;border-radius:8px;font-size:16px;font-weight:700;cursor:pointer;margin-top:6px;transition:.2s;width:100%}
  .submit-btn:hover{background:#0d4db5}
  .form-note{font-size:12px;color:#7a94b0;text-align:center;margin-top:4px}

  /* SUCCESS */
  .success-msg{display:none;background:#e8f5e9;border:1px solid #a5d6a7;border-radius:10px;padding:20px;text-align:center;color:#2e7d32;font-size:15px;margin-top:16px}

  /* FOOTER */
  footer{background:#0d1f4c;padding:36px 40px;text-align:center}
  footer p{color:#7a94b0;font-size:13px}
  footer a{color:#7ec8f4}

  @media(max-width:900px){
    .isak-grid{grid-template-columns:1fr 1fr}
    .content-grid{grid-template-columns:1fr 1fr}
    .estructura-row{gap:12px}
  }
  @media(max-width:768px){
    .hero h1{font-size:32px}
    .hero p{font-size:15px}
    .isak-grid{grid-template-columns:1fr}
    .content-grid{grid-template-columns:1fr}
    .cert-box{flex-direction:column;align-items:flex-start}
    .cert-seal{width:90px;height:90px}
    .estructura-row{flex-direction:column}
    .ecard{min-width:100%}
    section{padding:56px 28px}
    nav{padding:12px 24px}
    .hero{padding:64px 28px 48px}
    h2{font-size:26px}
    .form-section{padding:48px 24px}
  }
  @media(max-width:640px){
    .hero h1{font-size:26px}
    .hero p{font-size:14px}
    .form-row{grid-template-columns:1fr}
    .hero-stats{gap:20px}
    .stat-num{font-size:24px}
    section{padding:44px 16px}
    nav{padding:10px 16px}
    .hero{padding:52px 16px 40px}
    h2{font-size:22px}
    .lead{font-size:14px}
    .badge{font-size:11px}
    .btn-primary,.btn-secondary{padding:12px 22px;font-size:14px}
    .hero-btns{flex-direction:column;align-items:center}
    .profiles{gap:8px}
    .profile-pill{font-size:13px;padding:8px 14px}
    .form-section{padding:32px 16px}
    .cert-info h3{font-size:17px}
    .cert-list li{font-size:13px}
    .isak-card{padding:20px}
    .content-item p{font-size:13px}
    .ecard-top{font-size:22px}
  }
  @media(max-width:380px){
    .hero h1{font-size:22px}
    nav svg{height:28px}
    .stat-num{font-size:20px}
    .stat-label{font-size:10px}
  }
</style>
</head>
<body>

<nav>
  <div class="nav-inner">
  <div class="nav-logo">
    <svg height="40" viewBox="0 0 380 70" xmlns="http://www.w3.org/2000/svg">
      <defs>
        <linearGradient id="slashGrad" x1="0%" y1="0%" x2="100%" y2="100%">
          <stop offset="0%" stop-color="#5ab4e8"/>
          <stop offset="100%" stop-color="#1a6faa"/>
        </linearGradient>
      </defs>
      <!-- D shape -->
      <path d="M18 8 L18 62 L36 62 C52 62 64 51 64 35 C64 19 52 8 36 8 Z M28 18 L35 18 C46 18 53 25 53 35 C53 45 46 52 35 52 L28 52 Z" fill="#b0b8c4"/>
      <!-- Diagonal slash -->
      <path d="M10 58 L38 8 L46 8 L18 58 Z" fill="url(#slashGrad)"/>
      <!-- SALUD -->
      <text x="76" y="46" font-family="'Segoe UI',Arial,sans-serif" font-size="28" font-weight="800" fill="#2196c4" letter-spacing="0.5">SALUD</text>
      <!-- DEPORTIVA -->
      <text x="198" y="46" font-family="'Segoe UI',Arial,sans-serif" font-size="28" font-weight="300" fill="#a0aab4" letter-spacing="0.5">DEPORTIVA</text>
      <!-- Vertical bar -->
      <line x1="374" y1="10" x2="374" y2="60" stroke="#2196c4" stroke-width="2.5"/>
    </svg>
  </div>
  <a href="#inscripcion" class="nav-cta">Inscríbete ahora</a>
  </div>
</nav>

<section class="hero" style="max-width:100%;padding:80px 40px 60px">
  <div class="hero-inner">Certificación Internacional</div>
  <h1>Certificación Internacional<br><span>ISAK Nivel I y II</span></h1>
  <p>Aprende a medir y evaluar la composición corporal con estándares internacionales. Nivel 1 y Nivel 2 disponibles.</p>
  <div class="hero-btns">
    <a href="#inscripcion" class="btn-primary">Quiero inscribirme</a>
    <a href="#contenidos" class="btn-secondary">Ver contenidos</a>
  </div>
  <div class="hero-stats">
    <div class="stat"><span class="stat-num">40h</span><span class="stat-label">duración total</span></div>
    <div class="stat"><span class="stat-num">15</span><span class="stat-label">cupos máximos</span></div>
    <div class="stat"><span class="stat-num">4+</span><span class="stat-label">años de validez</span></div>
    <div class="stat"><span class="stat-num">ISAK</span><span class="stat-label">reconocimiento mundial</span></div>
  </div>
  <div style="margin-top:40px;display:inline-flex;gap:24px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.25);border-radius:12px;padding:18px 36px;flex-wrap:wrap;justify-content:center">
    <div style="text-align:center">
      <div style="color:#7ec8f4;font-size:11px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;margin-bottom:4px">Próxima fecha</div>
      <div style="color:#fff;font-size:20px;font-weight:800">15, 16 y 17 de Mayo 2025</div>
    </div>
    <div style="width:1px;background:rgba(255,255,255,.2)"></div>
    <div style="text-align:center">
      <div style="color:#7ec8f4;font-size:11px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;margin-bottom:4px">Valor inversión</div>
      <div style="color:#fff;font-size:20px;font-weight:800">$200.000 CLP</div>
    </div>
  </div>
  </div>
</section>

<hr class="divider">

<section id="que-es">
  <div class="section-tag">¿Qué es ISAK?</div>
  <h2>La certificación más reconocida en antropometría deportiva</h2>
  <p class="lead">ISAK (International Society for the Advancement of Kinanthropometry) es la organización mundial líder en mediciones antropométricas aplicadas al deporte, la salud y la nutrición.</p>
  <div class="isak-grid">
    <div class="isak-card">
      <div class="isak-icon">🌍</div>
      <h3>Reconocimiento internacional</h3>
      <p>Tu certificado tiene validez en todo el mundo, respaldado por los estándares del Manual Internacional de Evaluación Antropométrica.</p>
    </div>
    <div class="isak-card">
      <div class="isak-icon">📐</div>
      <h3>Técnica estandarizada</h3>
      <p>Aprenderás a medir pliegues, perímetros y diámetros con precisión, calculando somatotipo y composición corporal.</p>
    </div>
    <div class="isak-card">
      <div class="isak-icon">🏆</div>
      <h3>Sistema de acreditación IAAS</h3>
      <p>Cuatro niveles de progresión que te permiten escalar tu perfil profesional como antropometrista certificado.</p>
    </div>
    <div class="isak-card">
      <div class="isak-icon">🔬</div>
      <h3>Base científica sólida</h3>
      <p>Contenidos basados en evidencia: cineantropometría, estadística aplicada, ética y manejo de equipos calibrados.</p>
    </div>
  </div>
</section>

<hr class="divider">

<section id="dirigido">
  <div class="section-tag">¿A quién va dirigido?</div>
  <h2>Ideal para profesionales y estudiantes del área salud y deporte</h2>
  <p class="lead">No se requieren requisitos previos para el Nivel 1. Si ya cuentas con tu certificación, puedes acceder directamente al Nivel 2.</p>
  <div class="profiles">
    <div class="profile-pill"><div class="profile-dot"></div>Nutricionistas y dietistas</div>
    <div class="profile-pill"><div class="profile-dot"></div>Kinesiólogos</div>
    <div class="profile-pill"><div class="profile-dot"></div>Médicos deportivos</div>
    <div class="profile-pill"><div class="profile-dot"></div>Profesores de Ed. Física</div>
    <div class="profile-pill"><div class="profile-dot"></div>Entrenadores personales</div>
    <div class="profile-pill"><div class="profile-dot"></div>Preparadores físicos</div>
    <div class="profile-pill"><div class="profile-dot"></div>Estudiantes de 3er año en adelante</div>
    <div class="profile-pill"><div class="profile-dot"></div>Investigadores en ciencias del deporte</div>
  </div>
</section>

<hr class="divider">

<section id="contenidos">
  <div class="section-tag">Contenidos del curso</div>
  <h2>Lo que aprenderás en el Nivel 1</h2>
  <p class="lead">El programa combina teoría, práctica presencial y práctica post-curso para garantizar tu dominio de la técnica.</p>
  <div class="content-grid">
    <div class="content-item">
      <div class="content-num">1</div>
      <div><strong>Historia y fundamentos</strong><p>Definición de cineantropometría, evolución histórica y sistema de acreditación ISAK.</p></div>
    </div>
    <div class="content-item">
      <div class="content-num">2</div>
      <div><strong>Ética y bioética</strong><p>Consentimiento informado, mediciones en mujeres y niños, y consideraciones culturales.</p></div>
    </div>
    <div class="content-item">
      <div class="content-num">3</div>
      <div><strong>Pliegues cutáneos</strong><p>Tríceps, subescapular, bíceps, cresta ilíaca, supraespinal, abdominal, muslo y pantorrilla.</p></div>
    </div>
    <div class="content-item">
      <div class="content-num">4</div>
      <div><strong>Perímetros musculares</strong><p>Brazo relajado y contraído, cintura mínima, glúteos y pierna máxima.</p></div>
    </div>
    <div class="content-item">
      <div class="content-num">5</div>
      <div><strong>Diámetros óseos</strong><p>Biepicondíleo del húmero y biepicondíleo del fémur. Masa corporal y estatura.</p></div>
    </div>
    <div class="content-item">
      <div class="content-num">6</div>
      <div><strong>Estadística aplicada</strong><p>Error técnico de medición (ETM), precisión, exactitud y variabilidad inter-evaluador.</p></div>
    </div>
    <div class="content-item">
      <div class="content-num">7</div>
      <div><strong>Composición corporal</strong><p>Somatotipo, estimación de masa grasa y muscular, tablas normativas de referencia.</p></div>
    </div>
    <div class="content-item">
      <div class="content-num">8</div>
      <div><strong>Equipamiento</strong><p>Manejo, calibración y mantenimiento de equipos antropométricos: plicómetro, cinta, etc.</p></div>
    </div>
  </div>
</section>

<hr class="divider">

<section id="contenidos-nivel2">
  <div class="section-tag">Contenidos del curso</div>
  <h2>Lo que aprenderás en el Nivel 2</h2>
  <p class="lead">El Nivel 2 profundiza en el perfil completo ISAK, técnicas avanzadas y habilitación para supervisar mediciones de otros evaluadores.</p>
  <div class="content-grid">
    <div class="content-item">
      <div class="content-num">1</div>
      <div><strong>Perfil antropométrico completo</strong><p>Dominio del perfil restringido y completo ISAK, incluyendo mediciones adicionales no contempladas en Nivel 1.</p></div>
    </div>
    <div class="content-item">
      <div class="content-num">2</div>
      <div><strong>Pliegues cutáneos avanzados</strong><p>Axilar, pectoral, muslo medial y sitios adicionales del perfil completo con técnica de alta precisión.</p></div>
    </div>
    <div class="content-item">
      <div class="content-num">3</div>
      <div><strong>Perímetros y diámetros avanzados</strong><p>Muñeca, tobillo, cabeza, tórax y diámetros biacromial, biiliocrestal, anteroposterior y transverso.</p></div>
    </div>
    <div class="content-item">
      <div class="content-num">4</div>
      <div><strong>Somatotipo avanzado</strong><p>Cálculo detallado de los tres componentes: endomorfia, mesomorfia y ectomorfia con análisis de la somatocarta.</p></div>
    </div>
    <div class="content-item">
      <div class="content-num">5</div>
      <div><strong>Proporcionalidad y fraccionamiento</strong><p>Método de proporcionalidad de Ross-Wilson y fraccionamiento de masa en 4 y 5 componentes.</p></div>
    </div>
    <div class="content-item">
      <div class="content-num">6</div>
      <div><strong>Estadística avanzada</strong><p>ETM inter e intra-evaluador avanzado, análisis de concordancia y control de calidad de mediciones.</p></div>
    </div>
    <div class="content-item">
      <div class="content-num">7</div>
      <div><strong>Supervisión de evaluadores</strong><p>Habilitación para supervisar y corregir la técnica de antropometristas Nivel 1 en campo.</p></div>
    </div>
    <div class="content-item">
      <div class="content-num">8</div>
      <div><strong>Aplicación en alto rendimiento</strong><p>Uso de datos antropométricos en seguimiento de deportistas, periodización y evaluación nutricional avanzada.</p></div>
    </div>
  </div>
</section>
  <div class="section-tag">Estructura del curso</div>
  <h2>Formato intensivo con teoría y práctica</h2>
  <p class="lead">Modalidad presencial con un máximo de 15 participantes para garantizar atención personalizada e instructores ISAK Nivel 3 certificados.</p>
  <div class="estructura-row">
    <div class="ecard">
      <div class="ecard-top">6h</div>
      <div class="ecard-unit">Teoría</div>
      <p class="ecard-desc">Fundamentos, ética, estadística y composición corporal</p>
    </div>
    <div class="ecard">
      <div class="ecard-top">18h</div>
      <div class="ecard-unit">Práctica presencial</div>
      <p class="ecard-desc">Mediciones reales con supervisión directa del instructor</p>
    </div>
    <div class="ecard">
      <div class="ecard-top">16h</div>
      <div class="ecard-unit">Práctica post-curso</div>
      <p class="ecard-desc">20 perfiles restringidos para completar la certificación</p>
    </div>
    <div class="ecard">
      <div class="ecard-top">15</div>
      <div class="ecard-unit">Cupos máximos</div>
      <p class="ecard-desc">Grupos reducidos según estándar ISAK para máxima calidad</p>
    </div>
  </div>
</section>

<hr class="divider">

<section id="certificacion">
  <div class="section-tag">Certificación</div>
  <h2>¿Qué obtienes al certificarte?</h2>
  <p class="lead">Al completar el curso y las mediciones post-curso, ISAK emite tu certificado digital con validez internacional.</p>
  <div class="cert-box">
    <div class="cert-seal">
      <div class="cert-seal-big">ISAK</div>
      <div class="cert-seal-text">NIVEL 1<br>CERTIFICADO</div>
    </div>
    <div class="cert-info">
      <h3>Certificado Internacional ISAK Nivel 1</h3>
      <ul class="cert-list">
        <li>Validez de 4 años y 4 meses desde el examen práctico</li>
        <li>Membresía ISAK incluida con acceso a plataforma ISAK METRY</li>
        <li>Acceso a revista científica y descuentos en congresos</li>
        <li>Certificado digital codificado emitido directamente por ISAK</li>
        <li>Posibilidad de avanzar al Nivel 2 y Nivel 3</li>
        <li>Reconocimiento en nutrición, deporte, salud y alto rendimiento</li>
      </ul>
    </div>
  </div>
</section>

<hr class="divider">

<section id="inscripcion" style="max-width:100%;background:#f4f8ff;padding:72px 40px">
  <div style="max-width:1200px;margin:0 auto">
  <div class="form-section" style="background:transparent;padding:0">
    <div class="section-tag" style="text-align:center;display:none">Inscripción</div>
    <h2 style="text-align:center">¿Listo para certificarte?</h2>
    <p class="lead" style="text-align:center;margin:12px auto 36px">Completa el formulario y nos contactaremos contigo para confirmar tu cupo y entregarte toda la información del próximo curso.</p>
    <div class="form" id="inscripcionForm">
      <div class="form-row">
        <div class="form-group">
          <label for="nombre">Nombre</label>
          <input type="text" id="nombre" placeholder="Tu nombre">
        </div>
        <div class="form-group">
          <label for="apellido">Apellido</label>
          <input type="text" id="apellido" placeholder="Tu apellido">
        </div>
      </div>
      <div class="form-group">
        <label for="email">Correo electrónico</label>
        <input type="email" id="email" placeholder="correo@ejemplo.com">
      </div>
      <div class="form-group">
        <label for="telefono">Teléfono / WhatsApp</label>
        <input type="tel" id="telefono" placeholder="+56 9 XXXX XXXX">
      </div>
      <div class="form-group">
        <label for="profesion">Profesión o área de estudio</label>
        <input type="text" id="profesion" placeholder="Ej: Nutricionista, Kinesiólogo, Estudiante...">
      </div>
      <div class="form-group">
        <label for="nivel">Nivel de interés</label>
        <select id="nivel">
          <option value="">Selecciona un nivel</option>
          <option>ISAK Nivel 1 (sin certificación previa)</option>
          <option>ISAK Nivel 2 (ya tengo Nivel 1)</option>
        </select>
      </div>
      <div style="display:flex;gap:12px;margin-bottom:14px">
        <button type="button" id="btnNivel1" onclick="selectNivel(1)" style="flex:1;padding:12px;border-radius:8px;border:2px solid #0a3d8f;background:#0a3d8f;color:#fff;font-size:14px;font-weight:700;cursor:pointer;transition:.2s">
          Nivel 1 — $200.000
        </button>
        <button type="button" id="btnNivel2" onclick="selectNivel(2)" style="flex:1;padding:12px;border-radius:8px;border:2px solid #0a3d8f;background:#fff;color:#0a3d8f;font-size:14px;font-weight:700;cursor:pointer;transition:.2s">
          Nivel 2 — $200.000
        </button>
      </div>
      <button class="submit-btn" onclick="enviarFormulario()">Inscribirme y agregar al carrito →</button>
      <p class="form-note">Tus datos son confidenciales y solo se usarán para contactarte sobre el curso.</p>
      <div class="success-msg" id="successMsg">¡Formulario enviado! Nos contactaremos contigo a la brevedad para confirmar tu cupo. 🎉</div>
    </div>
  </div>
  </div>
</section>

<footer>
  <p style="margin-bottom:8px;font-size:15px;color:#b3d9f7;font-weight:600">Sociedad Deportiva</p>
  <p>Certificación ISAK Nivel 1 & 2 · <a href="https://sdeportiva.cl">sdeportiva.cl</a></p>
  <p style="margin-top:8px">Para consultas escríbenos a través de nuestro sitio web</p>
</footer>

<script>
var WHATSAPP_NUMBER = '56977090587';
var selectedNivel = 1;
var nivelIds = { 1: 3137, 2: 3146 };

function selectNivel(n) {
  selectedNivel = n;
  var btn1 = document.getElementById('btnNivel1');
  var btn2 = document.getElementById('btnNivel2');
  if(n === 1){
    btn1.style.background='#0a3d8f'; btn1.style.color='#fff';
    btn2.style.background='#fff'; btn2.style.color='#0a3d8f';
  } else {
    btn2.style.background='#0a3d8f'; btn2.style.color='#fff';
    btn1.style.background='#fff'; btn1.style.color='#0a3d8f';
  }
}
function enviarFormulario(){
  var n=document.getElementById('nombre').value.trim();
  var ap=document.getElementById('apellido').value.trim();
  var e=document.getElementById('email').value.trim();
  var t=document.getElementById('telefono').value.trim();
  var pr=document.getElementById('profesion').value.trim();
  var nv=document.getElementById('nivel').value;
  if(!n||!e||!t||!nv){
    alert('Por favor completa todos los campos obligatorios.');
    return;
  }
  var msg = '¡Hola! Quiero inscribirme al curso ISAK 🏅\n\n'
    + '👤 Nombre: ' + n + ' ' + ap + '\n'
    + '📧 Email: ' + e + '\n'
    + '📱 Teléfono: ' + t + '\n'
    + '💼 Profesión: ' + (pr||'No indicada') + '\n'
    + '📋 Nivel de interés: ' + nv + '\n'
    + '📅 Fecha del curso: 15, 16 y 17 de Mayo 2025\n'
    + '💰 Valor: $200.000 CLP';
  var url = 'https://wa.me/' + WHATSAPP_NUMBER + '?text=' + encodeURIComponent(msg);
  var link = document.createElement('a');
  link.href = url;
  link.target = '_blank';
  link.rel = 'noopener noreferrer';
  document.body.appendChild(link);
  link.click();
  document.body.removeChild(link);
  document.getElementById('successMsg').style.display='block';
  document.querySelector('.submit-btn').disabled=true;
  document.querySelector('.submit-btn').style.background='#546e8a';
  document.querySelector('.submit-btn').textContent='¡Solicitud enviada!';
}
</script>
</body>
</html>/* End custom CSS */