console.log( 'Code is Poetry' );<!-- INICIO: Plantilla Mothographics - Página de enlaces -->
<section id="mg-links" class="mg-container">
  <header class="mg-hero">
    <img decoding="async" src="TU_LOGO_URL_AQUI" alt="Mothographics - logo" class="mg-logo">
    <h1 class="mg-title">Mothographics</h1>
    <p class="mg-subtitle">Diseño Gráfico integral & Soluciones Web</p>
  </header>

  <div class="mg-links-grid">
    <!-- Botón principal / CTA -->
    <a class="mg-btn mg-btn-primary" href="https://www.mothographics.com/portafolio" target="_blank" rel="noopener">
      Ver portafolio completo
    </a>

    <!-- Enlaces rápidos -->
    <a class="mg-btn" href="https://www.mothographics.com/servicios" target="_blank" rel="noopener">Servicios</a>
    <a class="mg-btn" href="https://www.mothographics.com/contacto" target="_blank" rel="noopener">Consulta gratuita</a>
    <a class="mg-btn" href="https://wa.me/5213317273391" target="_blank" rel="noopener">WhatsApp</a>
    <a class="mg-btn" href="mailto:info@mothographics.com" target="_blank" rel="noopener">Enviar email</a>
    <a class="mg-btn" href="https://www.mothographics.com/blog" target="_blank" rel="noopener">Blog & Recursos</a>
  </div>

  <div class="mg-socials">
    <p>Síguenos</p>
    <a href="https://instagram.com/mothographics" target="_blank" rel="noopener" aria-label="Instagram">IG</a>
    <a href="https://www.facebook.com/mothographics" target="_blank" rel="noopener" aria-label="Facebook">FB</a>
    <a href="https://www.linkedin.com/company/mothographics" target="_blank" rel="noopener" aria-label="LinkedIn">IN</a>
  </div>

  <footer class="mg-footer">
    <p>© <span id="year"></span> Mothographics — Visual y digital en perfecta armonía</p>
  </footer>
</section>

<script>
  // inserta el año actual automáticamente
  document.getElementById('year').textContent = new Date().getFullYear();
</script>
<!-- FIN: Plantilla Mothographics -->