<section class="idioma-program-detail idioma-kids-detail">
  <a class="idioma-back-link" href="index.php/academico/ingles"><i class="fa fa-arrow-left" aria-hidden="true"></i> Volver a programas de inglés</a>

  <header class="idioma-kids-hero">
    <div class="idioma-kids-hero__content">
      <span class="idioma-kids-eyebrow"><i class="fa fa-child" aria-hidden="true"></i> Kids Starter · 5 y 6 años</span>
      <h1>El inicio perfecto en el mundo del inglés</h1>
      <p>Un programa lúdico y semi-intensivo para que los niños empiecen su recorrido en inglés con actividades visuales, juegos, canciones e historias que despiertan curiosidad sin abrumarlos.</p>
      <div class="idioma-kids-actions">
        <a class="idioma-kids-action idioma-kids-action--primary" href="#brochure-kids-5-6"><i class="fa fa-eye" aria-hidden="true"></i> Ver brochure PDF</a>
        <a class="idioma-kids-action" href="index.php/inscripciones"><i class="fa fa-pencil" aria-hidden="true"></i> Inscribirme</a>
        <a class="idioma-kids-action" href="index.php/nosotros/contacto"><i class="fa fa-comments" aria-hidden="true"></i> Solicitar asesoría</a>
      </div>
    </div>

    <div class="idioma-kids-stats" aria-label="Datos básicos del programa">
      <div class="idioma-kids-stat"><span>Edad</span><strong>5 a 6 años</strong></div>
      <div class="idioma-kids-stat"><span>Intensidad</span><strong>3 horas semanales</strong></div>
      <div class="idioma-kids-stat"><span>Modalidad</span><strong>Semi-intensivo</strong></div>
      <div class="idioma-kids-stat"><span>Nivel inicial</span><strong>Kids Starter</strong></div>
    </div>
  </header>

  <section id="brochure-kids-5-6" class="idioma-pdf-brochure idioma-pdf-brochure--kids" data-idioma-pdf-brochure data-pdf-src="/plantillajoomla5.3/media/idiomas/brochures/kids-5-6/kids-starter-5-6.pdf" data-pdf-pages="5" aria-label="Brochure informativo Kids Starter 5 y 6 años en PDF">
    <div class="idioma-pdf-brochure__header">
      <div>
        <span>Brochure informativo</span>
        <h2>Kids Starter 5 y 6 años</h2>
        <p>Documento oficial del programa con navegación por páginas.</p>
      </div>
      <div class="idioma-pdf-brochure__tools" aria-label="Controles del brochure PDF">
        <a href="/plantillajoomla5.3/media/idiomas/brochures/kids-5-6/kids-starter-5-6.pdf" target="_blank" rel="noopener" title="Abrir PDF"><i class="fa fa-external-link" aria-hidden="true"></i></a>
        <button type="button" data-pdf-action="fullscreen" title="Pantalla completa"><i class="fa fa-expand" aria-hidden="true"></i></button>
      </div>
    </div>

    <div class="idioma-pdf-brochure__reader">
      <button type="button" class="idioma-pdf-brochure__arrow idioma-pdf-brochure__arrow--prev" data-pdf-action="prev" title="Página anterior"><i class="fa fa-chevron-left" aria-hidden="true"></i></button>
      <div class="idioma-pdf-brochure__paper" aria-live="polite">
        <canvas data-pdf-canvas aria-label="Página del brochure Kids Starter 5 y 6 años"></canvas>
        <div class="idioma-pdf-brochure__loading" data-pdf-loading>Cargando PDF...</div>
        <iframe data-pdf-frame title="Brochure Kids Starter 5 y 6 años" loading="lazy"></iframe>
      </div>
      <button type="button" class="idioma-pdf-brochure__arrow idioma-pdf-brochure__arrow--next" data-pdf-action="next" title="Página siguiente"><i class="fa fa-chevron-right" aria-hidden="true"></i></button>
    </div>

    <div class="idioma-pdf-brochure__footer">
      <div class="idioma-pdf-brochure__progress" aria-hidden="true"><span data-pdf-progress></span></div>
      <div class="idioma-pdf-brochure__counter"><strong data-pdf-current>1</strong><span>/</span><span data-pdf-total>5</span></div>
      <div class="idioma-pdf-brochure__dots" aria-label="Ir a página">
        <button type="button" data-pdf-dot data-pdf-page="1" aria-label="Página 1"></button>
        <button type="button" data-pdf-dot data-pdf-page="2" aria-label="Página 2"></button>
        <button type="button" data-pdf-dot data-pdf-page="3" aria-label="Página 3"></button>
        <button type="button" data-pdf-dot data-pdf-page="4" aria-label="Página 4"></button>
        <button type="button" data-pdf-dot data-pdf-page="5" aria-label="Página 5"></button>
      </div>
    </div>
  </section>
</section>