<section class="idioma-route-2026">
  <header class="idioma-route-2026__hero">
    <div>
      <span><i class="fa fa-map-marker" aria-hidden="true"></i> Cómo llegar</span>
      <h1>Visítanos en el Centro de Idiomas</h1>
      <p>Encuentra nuestra sede en el Barrio La Grama, Edificio Marsella. Usa el mapa interactivo para abrir la ruta desde tu ubicación.</p>
      <a href="https://www.google.com/maps/search/?api=1&query=Barrio%20La%20Grama%20Cra.%2030%20%2341a-108%20Edificio%20Marsella%20Villavicencio%20Meta" target="_blank" rel="noopener noreferrer"><i class="fa fa-location-arrow" aria-hidden="true"></i> Abrir ruta en Google Maps</a>
    </div>
    <aside>
      <strong>Dirección oficial</strong>
      <p>Barrio La Grama, Cra. 30 #41a-108, Edificio Marsella, Villavicencio, Meta.</p>
    </aside>
  </header>

  <section class="idioma-route-2026__map" aria-label="Mapa de ubicación">
    <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3979.3253984984362!2d-73.63776539999999!3d4.1562773!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x8e3e2dec24f4b4a9%3A0xbbbb9264e15deb27!2sCentro%20de%20Idiomas%20de%20la%20Universidad%20de%20los%20Llanos!5e0!3m2!1ses-419!2sco!4v1778603467080!5m2!1ses-419!2sco" width="400" height="300" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
  </section>

  <section class="idioma-route-2026__cards" aria-label="Opciones para llegar">
    <article>
      <i class="fa fa-car" aria-hidden="true"></i>
      <h2>En vehículo</h2>
      <p>Dirígete hacia el Barrio La Grama y ubica el Edificio Marsella sobre la Cra. 30 #41a-108.</p>
    </article>
    <article>
      <i class="fa fa-bus" aria-hidden="true"></i>
      <h2>En transporte público</h2>
      <p>Consulta una ruta que pase por el sector La Grama y usa el mapa para validar el punto exacto de llegada.</p>
    </article>
    <article>
      <i class="fa fa-street-view" aria-hidden="true"></i>
      <h2>Referencia</h2>
      <p>El punto de atención se encuentra en el Edificio Marsella, sede Centro de Idiomas de la Universidad de los Llanos.</p>
    </article>
  </section>

  <section class="idioma-route-2026__info">
    <div>
      <span>Antes de venir</span>
      <h2>Ten a la mano tu consulta</h2>
      <p>Para una atención más ágil, indícanos el programa de interés, edad del estudiante y disponibilidad horaria.</p>
    </div>
    <div>
      <a href="index.php/nosotros/contacto"><i class="fa fa-comments" aria-hidden="true"></i> Contactar asesoría</a>
      <a href="index.php/inscripciones"><i class="fa fa-pencil" aria-hidden="true"></i> Ir a inscripciones</a>
    </div>
  </section>
</section>