<section class="idioma-contact-2026">
  <header class="idioma-contact-2026__hero">
    <div class="idioma-contact-2026__copy">
      <span><i class="fa fa-comments" aria-hidden="true"></i> Centro de Idiomas Unillanos</span>
      <h1>Contacto</h1>
      <p>Estamos listos para orientarte sobre cursos, inscripciones, horarios, niveles y servicios del Centro de Idiomas.</p>
      <div class="idioma-contact-2026__actions">
        <a href="https://wa.me/573112004339?text=Hola,%20quisiera%20más%20información%20sobre%20el%20Centro%20de%20Idiomas." target="_blank" rel="noopener noreferrer"><i class="fa fa-whatsapp" aria-hidden="true"></i> WhatsApp</a>
        <a href="mailto:[email protected]"><i class="fa fa-envelope-o" aria-hidden="true"></i> Escribir correo</a>
      </div>
    </div>
    <aside class="idioma-contact-2026__highlight" aria-label="Canales principales">
      <strong>Atención directa</strong>
      <span>608 6611623</span>
      <p>EXT(401)</p>
    </aside>
  </header>

  <section class="idioma-contact-2026__grid" aria-label="Información de contacto">
    <article>
      <i class="fa fa-map-marker" aria-hidden="true"></i>
      <h2>Ubicación</h2>
      <p>Barrio La Grama, Cra. 30 #41a-108, Edificio Marsella, Villavicencio, Meta.</p>
      <a href="index.php/nosotros/como-llegar">Cómo llegar</a>
    </article>
    <article>
      <i class="fa fa-clock-o" aria-hidden="true"></i>
      <h2>Horario</h2>
      <p>Lunes a Viernes de 7:00 a.m. a 7:00 p.m.</p>
      <p>Sábados de 7:00 a.m. a 4:00 p.m.</p>
    </article>
    <article>
      <i class="fa fa-phone" aria-hidden="true"></i>
      <h2>Teléfono</h2>
      <p><a href="tel:+576086611623">608 6611623 EXT(401)</a></p>
      <p><a href="https://wa.me/573112004339" target="_blank" rel="noopener noreferrer">WhatsApp: 311 200 4339</a></p>
    </article>
    <article>
      <i class="fa fa-envelope-o" aria-hidden="true"></i>
      <h2>Correo</h2>
      <p><a class="idioma-contact-2026__email" href="mailto:[email protected]">[email protected]</a></p>
      <p>Atención para programas, inscripciones y asesoría.</p>
    </article>
  </section>

  <section class="idioma-contact-2026__support" aria-label="Redes sociales y sistema PQRSD">
    <article class="idioma-contact-2026__social-card">
      <span>Síguenos en Redes</span>
      <h2>Conecta con nuestra comunidad</h2>
      <p>Consulta novedades, actividades, convocatorias y contenido del Centro de Idiomas.</p>
      <div class="idioma-contact-2026__social-buttons">
        <a href="https://www.facebook.com/centrodeidiomasunillanos/?locale=es_LA" target="_blank" rel="noopener noreferrer" aria-label="Facebook Centro de Idiomas"><i class="fa fa-facebook" aria-hidden="true"></i></a>
        <a href="https://www.youtube.com/@centrodeidiomasdependencia5670?si=x4Bu-K-0tQ-Q8ik3" target="_blank" rel="noopener noreferrer" aria-label="YouTube Centro de Idiomas"><i class="fa fa-youtube-play" aria-hidden="true"></i></a>
        <a href="https://wa.me/573112004339?text=Hola,%20quisiera%20más%20información%20sobre%20el%20Centro%20de%20Idiomas." target="_blank" rel="noopener noreferrer" aria-label="WhatsApp Centro de Idiomas"><i class="fa fa-whatsapp" aria-hidden="true"></i></a>
      </div>
    </article>

    <article class="idioma-contact-2026__pqrsd-card">
      <span>Sistema PQRSD</span>
      <h2>Peticiones, Quejas, Reclamos, Sugerencias y Denuncias</h2>
      <p>Radica tu solicitud en el sistema oficial de la Universidad de los Llanos.</p>
      <a href="https://www.unillanos.edu.co/index.php/sistema-de-pqrsd-peticiones-quejas-reclamos-sugerencias-y-denuncias" target="_blank" rel="noopener noreferrer"><i class="fa fa-external-link" aria-hidden="true"></i> Radicar PQRSD</a>
    </article>
  </section>

  <section class="idioma-contact-2026__panel">
    <div>
      <span>Atención rápida</span>
      <h2>Cuéntanos qué programa te interesa</h2>
      <p>Podemos orientarte sobre inglés para niños, jóvenes y adultos, francés, alemán, portugués, habilidades y certificaciones internacionales.</p>
    </div>
    <div class="idioma-contact-2026__steps">
      <div><strong>1</strong><span>Elige el programa</span></div>
      <div><strong>2</strong><span>Consulta horarios</span></div>
      <div><strong>3</strong><span>Inicia inscripción</span></div>
    </div>
  </section>

  <section class="idioma-contact-2026__map" aria-label="Mapa del Centro de Idiomas">
    <div>
      <span>Ubicación</span>
      <h2>Centro de Idiomas</h2>
      <p>Barrio La Grama, Cra. 30 #41a-108, Edificio Marsella, Villavicencio, Meta.</p>
    </div>
    <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>