<footer class="pie-pagina">
    <div class="grupo-1">
      <div class="box">
        <figure>
          <a href="#"><img src="IMG/imgutsem/logo_utsem.png" alt="Logo UTSEM" style="height: 100px;"></a>
        </figure>
      </div>
      <div class="box">
        <h2>CONTACTO:</h2>
        <p>Teléfono: (724) 2394016 al 22 ext. 127</p>
        <p>Correo: sistemas@utsem.edu.mx</p>
        <p>Dirección: Carretera Tejupilco - Amatepec SN Km. 12 C.P. 51426 San Miguel, Ixtapan, Tejupilco, Estado de México.</p>
      </div>
      <div class="box">
        <h2>SÍGUENOS:</h2>
        <div class="social-icons">
          <a href="https://www.facebook.com/UTsemTejupilco" target="_blank" aria-label="Facebook"><i class="fab fa-facebook-f"></i></a>
          <a href="https://www.instagram.com/utsemtejupilco" target="_blank" aria-label="Instagram"><i class="fab fa-instagram"></i></a>
          <a href="https://www.tiktok.com/@utsemtejupilco" target="_blank" aria-label="TikTok"><i class="fab fa-tiktok"></i></a>
        </div>
      </div>
    </div>
    <div class="grupo-2">
      <!-- El año se actualizará automáticamente con PHP -->
      <small>&copy; <?php echo date("Y"); ?> <b>Mi CPU</b> - Todos los Derechos Reservados.</small><br>
      <!-- Se ha cambiado el color a white -->
      <small>Powered by <a href="https://www.instagram.com/juliocv31" target="_blank" rel="noopener noreferrer" style="color: white;">@juliocv31</a></small>
    </div>
  </footer>

  <script>
    // Lógica global para el menú en dispositivos móviles
    function toggleMenu() {
      document.getElementById('menu').classList.toggle('active');
    }
  </script>
</body>
</html>