<footer id="contato" class="footer" style="background: var(--graphite-light); padding: 4rem 0 2rem 0; border-top: 1px solid var(--glass-border); margin-top: 4rem;">
  <div class="container">
    <div style="display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 250px), 1fr)); gap: 3rem; margin-bottom: 3rem;">
      
      <div>
        <a href="index.php" class="logo" style="margin-bottom: 1.5rem; display: inline-block;">
          <img src="assets/img/logo.png" alt="Solvion ERP" style="height: 45px; width: auto; object-fit: contain;">
        </a>
        <p style="font-size: 0.95rem; margin-bottom: 1rem;">Gestão inteligente para empresas modernas que desejam vender mais, automatizar processos e crescer com tecnologia.</p>
        <p style="font-size: 0.85rem; color: var(--text-muted); border-top: 1px solid rgba(255,255,255,0.05); padding-top: 1rem;">
          Uma solução desenvolvida pelo <a href="https://grupoalomark.com" target="_blank" style="color: var(--neon-green); font-weight: 500; text-decoration: none;">Grupo de Empresas Alomark</a>.
        </p>
        
        <div style="display: flex; gap: 1rem; margin-top: 1.5rem;">
          <!-- Social Icons placeholder -->
          <a href="#" style="width: 40px; height: 40px; border-radius: 50%; background: var(--glass-bg); display: flex; align-items: center; justify-content: center; border: 1px solid var(--glass-border);">IN</a>
          <a href="#" style="width: 40px; height: 40px; border-radius: 50%; background: var(--glass-bg); display: flex; align-items: center; justify-content: center; border: 1px solid var(--glass-border);">TW</a>
          <a href="#" style="width: 40px; height: 40px; border-radius: 50%; background: var(--glass-bg); display: flex; align-items: center; justify-content: center; border: 1px solid var(--glass-border);">IG</a>
        </div>
      </div>

      <div>
        <h4 style="margin-bottom: 1.5rem; font-family: var(--font-sans);">Produto</h4>
        <ul style="display: flex; flex-direction: column; gap: 0.8rem;">
          <li><a href="#funcionalidades" style="color: var(--text-muted);">Funcionalidades</a></li>
          <li><a href="#demo" style="color: var(--text-muted);">Integrações</a></li>
          <li><a href="#planos" style="color: var(--text-muted);">Preços</a></li>
          <li><a href="#" style="color: var(--text-muted);">Changelog</a></li>
        </ul>
      </div>

      <div>
        <h4 style="margin-bottom: 1.5rem; font-family: var(--font-sans);">Empresa</h4>
        <ul style="display: flex; flex-direction: column; gap: 0.8rem;">
          <li><a href="#" style="color: var(--text-muted);">Sobre Nós</a></li>
          <li><a href="#" style="color: var(--text-muted);">Carreiras</a></li>
          <li><a href="#" style="color: var(--text-muted);">Blog</a></li>
          <li><a href="#contato" style="color: var(--text-muted);">Contato</a></li>
        </ul>
      </div>

      <div>
        <h4 style="margin-bottom: 1.5rem; font-family: var(--font-sans);">Contato</h4>
        <ul style="display: flex; flex-direction: column; gap: 1rem;">
          <li style="color: var(--text-muted); font-size: 0.9rem;">
            <strong style="color: var(--soft-white);">Email:</strong><br>
            <a href="mailto:suporte@grupoalomark.com">suporte@grupoalomark.com</a>
          </li>
          <li style="color: var(--text-muted); font-size: 0.9rem;">
            <strong style="color: var(--soft-white);">Telefone:</strong><br>
            <a href="tel:+258840340083">+258 84 034 0083</a>
          </li>
          <li style="color: var(--text-muted); font-size: 0.9rem;">
            <strong style="color: var(--soft-white);">WhatsApp:</strong><br>
            <a href="https://wa.me/258865691575" target="_blank" style="color: var(--neon-green);">Conversa direta</a>
          </li>
          <li style="color: var(--text-muted); font-size: 0.9rem; line-height: 1.4;">
            <strong style="color: var(--soft-white);">Sede:</strong><br>
            Av. do Trabalho, Próximo da Steia, Jamila &ndash; Cidade de Nampula
          </li>
        </ul>
      </div>

    </div>

    <div style="border-top: 1px solid var(--glass-border); padding-top: 2rem; display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 1rem;">
      <p style="margin: 0; font-size: 0.9rem;">&copy; <?php echo date('Y'); ?> Solvion ERP (Grupo Alomark). Todos os direitos reservados.</p>
      
      <div style="display: flex; gap: 1.5rem; font-size: 0.85rem; color: var(--text-muted);">
        <a href="#">Termos de Serviço</a>
        <a href="#">Privacidade</a>
      </div>

      <div style="display: flex; align-items: center; gap: 0.5rem; font-size: 0.9rem; color: var(--text-muted);">
        <span style="display: inline-block; width: 8px; height: 8px; background: var(--neon-green); border-radius: 50%; box-shadow: var(--glow-neon);"></span>
        Sistemas operacionais online
      </div>
    </div>
  </div>
</footer>

<!-- Botão Flutuante WhatsApp -->
<a href="https://wa.me/258865691575" target="_blank" style="position: fixed; bottom: 30px; right: 30px; width: 60px; height: 60px; background-color: #25D366; color: white; border-radius: 50%; text-align: center; box-shadow: 2px 2px 10px rgba(0,0,0,0.3); z-index: 1000; display: flex; justify-content: center; align-items: center; text-decoration: none; transition: transform 0.3s ease;" onmouseover="this.style.transform='scale(1.1)'" onmouseout="this.style.transform='scale(1)'">
  <svg width="35" height="35" viewBox="0 0 24 24" fill="white"><path d="M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347zM12.003 21.84h-.005c-1.6 0-3.171-.431-4.545-1.246l-.326-.193-3.376.885.901-3.29-.212-.337A9.873 9.873 0 0 1 2.017 12c0-5.433 4.425-9.855 9.87-9.855 2.637 0 5.116 1.026 6.978 2.89A9.845 9.845 0 0 1 21.75 12c-.001 5.432-4.428 9.84-9.873 9.84zm8.016-16.892A11.312 11.312 0 0 0 11.992.515C5.748.515.666 5.597.664 11.84c0 1.996.52 3.943 1.508 5.665L.125 24l6.657-1.745A11.328 11.328 0 0 0 12.008 23.49c6.242 0 11.324-5.081 11.327-11.324a11.33 11.33 0 0 0-3.316-8.018z"/></svg>
</a>
