mejoras de estructura

includes/footer.html

@@ -0,0 +1,38 @@
+<footer class="site-footer">
+  <div class="footer-content">
+    <div class="footer-col" id="footer-brand">
+      <!-- Marca / logo -->
+      <span>[Logo]</span>
+      <p>[Descripción breve]</p>
+    </div>
+    <div class="footer-col" id="footer-links">
+      <h4>Enlaces</h4>
+      <ul>
+        <li><a href="inicio.html">Inicio</a></li>
+        <li><a href="servicios.html">Servicios</a></li>
+        <li><a href="planes.html">Planes</a></li>
+        <li><a href="portfolio.html">Portfolio</a></li>
+        <li><a href="nosotros.html">Nosotros</a></li>
+        <li><a href="blog.html">Blog</a></li>
+        <li><a href="contacto.html">Contacto</a></li>
+      </ul>
+    </div>
+    <div class="footer-col" id="footer-contact">
+      <h4>Contacto</h4>
+      <p>[Teléfono]</p>
+      <p>[Email]</p>
+      <p>[Dirección]</p>
+    </div>
+    <div class="footer-col" id="footer-social">
+      <h4>Redes</h4>
+      <ul>
+        <li><a href="#" target="_blank" rel="noopener">[Red 1]</a></li>
+        <li><a href="#" target="_blank" rel="noopener">[Red 2]</a></li>
+        <li><a href="#" target="_blank" rel="noopener">[Red 3]</a></li>
+      </ul>
+    </div>
+  </div>
+  <div class="footer-bottom">
+    <p>&copy; <span id="current-year"></span> [Nombre de la agencia]. Todos los derechos reservados.</p>
+  </div>
+</footer>