<!-- Footer -->
  <footer class="footer">
    <div class="container">
      <div class="row">
        <!-- Columna 1: Contacto -->
        <div class="col-md-4 mb-4 mb-md-0 text-center">
          <h5>Contacto</h5>
          <ul class="list-unstyled">
            <li class="mb-2"><i class="bi bi-geo-alt-fill me-2"></i> CDMX, México</li>
            <li class="mb-2"><i class="bi bi-telephone-fill me-2"></i> +52 xxxx xxxx</li>
            <!-- <li class="mb-2"><i class="bi bi-envelope-fill me-2"></i> email@formha.com</li> -->
          </ul>
        </div>

        <!-- Copyright -->
        <div class="col-md-4 mb-4 mb-md-0 text-center">
          <div class="img-cont">
            <img src="{{ url_for( 'static', filename='y_img/logos/formha_blanco_vertical.png' ) }}" alt="Escudo FORMHä" height="150">
          </div>
          <p>&copy; 2025, Todos los derechos reservados.</p>
        </div>
  
        <!-- Columna 3: Redes Sociales -->
        <div class="col-md-4 mb-4 mb-md-0 text-center">
          <h5>Síguenos</h5>
          <div class="social-icons mb-4">
            <a href="#" class="text-white"><i class="bi bi-facebook"></i></a>
            <a href="#" class="text-white"><i class="bi bi-twitter-x"></i></a>
            <a href="#" class="text-white"><i class="bi bi-instagram"></i></a>
            <a href="#" class="text-white"><i class="bi bi-linkedin"></i></a>
            <a href="#" class="text-white"><i class="bi bi-youtube"></i></a>
          </div>
        </div>
      </div>
    </div>
  </footer>