<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-graduation-cap" aria-hidden="true"></i> English · Mayores de 15 años</span>
      <h1>Inglés para jóvenes y adultos con proyección real</h1>
      <p>Un programa diseñado para fortalecer habilidades comunicativas en inglés, avanzar por niveles y desarrollar confianza para contextos académicos, laborales y personales.</p>
      <div class="idioma-kids-actions">
        <a class="idioma-kids-action idioma-kids-action--primary" href="#brochure-adults-15-plus"><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>15 años en adelante</strong></div>
      <div class="idioma-kids-stat"><span>Programa</span><strong>English</strong></div>
      <div class="idioma-kids-stat"><span>Enfoque</span><strong>Comunicación</strong></div>
      <div class="idioma-kids-stat"><span>Ruta</span><strong>Jóvenes y adultos</strong></div>
    </div>
  </header>

  <section id="brochure-adults-15-plus" class="idioma-pdf-brochure idioma-pdf-brochure--kids" data-idioma-pdf-brochure data-pdf-src="/plantillajoomla5.3/media/idiomas/brochures/adults-15-plus/adults-15-plus.pdf" data-pdf-pages="6" aria-label="Brochure informativo English mayores de 15 años en PDF">
    <div class="idioma-pdf-brochure__header">
      <div>
        <span>Brochure informativo</span>
        <h2>English 15 años en adelante</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/adults-15-plus/adults-15-plus.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 English mayores de 15 años"></canvas>
        <div class="idioma-pdf-brochure__loading" data-pdf-loading>Cargando PDF...</div>
        <iframe data-pdf-frame title="Brochure English mayores de 15 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>6</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>
        <button type="button" data-pdf-dot data-pdf-page="6" aria-label="Página 6"></button>
      </div>
    </div>
  </section>
</section>