 <footer class="bg-dark text-white pt-5">
        <div class="container">
            <div class="row g-4 pb-4">
                <div class="col-lg-4">
                    <h2 class="h4">🛍️ Loja Online</h2>
                    <p class="text-white-50">
                        Uma loja virtual demonstrativa desenvolvida para apresentar
                        navegação por rotas, produtos, atendimento e área do cliente.
                    </p>
                </div>

                <div class="col-6 col-lg-2">
                    <h2 class="h6 text-uppercase">Institucional</h2>
                    <ul class="list-unstyled d-grid gap-2">
                        <li><a class="text-decoration-none" href="sobre">Sobre a loja</a></li>
                        <li><a class="text-decoration-none" href="contato">Contato</a></li>
                        <li><a class="text-decoration-none" href="trabalhe-conosco">Trabalhe conosco</a></li>
                    </ul>
                </div>

                <div class="col-6 col-lg-2">
                    <h2 class="h6 text-uppercase">Atendimento</h2>
                    <ul class="list-unstyled d-grid gap-2">
                        <li><a class="text-decoration-none" href="ajuda">Central de ajuda</a></li>
                        <li><a class="text-decoration-none" href="faq">Perguntas frequentes</a></li>
                        <li><a class="text-decoration-none" href="rastrear-pedido">Rastrear pedido</a></li>
                        <li><a class="text-decoration-none" href="trocas-devolucoes">Trocas e devoluções</a></li>
                    </ul>
                </div>

                <div class="col-6 col-lg-2">
                    <h2 class="h6 text-uppercase">Minha conta</h2>
                    <ul class="list-unstyled d-grid gap-2">
                        <li><a class="text-decoration-none" href="cliente/login">Entrar</a></li>
                        <li><a class="text-decoration-none" href="cliente/cadastro">Criar conta</a></li>
                        <li><a class="text-decoration-none" href="cliente/pedidos">Meus pedidos</a></li>
                        <li><a class="text-decoration-none" href="carrinho">Carrinho</a></li>
                    </ul>
                </div>

                <div class="col-6 col-lg-2">
                    <h2 class="h6 text-uppercase">Políticas</h2>
                    <ul class="list-unstyled d-grid gap-2">
                        <li><a class="text-decoration-none" href="termos-de-uso">Termos de Uso</a></li>
                        <li><a class="text-decoration-none" href="politica-de-privacidade">Política de Privacidade</a></li>
                        <li><a class="text-decoration-none" href="politica-de-cookies">Política de Cookies</a></li>
                        <li><a class="text-decoration-none" href="trocas-devolucoes">Trocas e devoluções</a></li>
                    </ul>
                </div>
            </div>

            <div class="border-top border-secondary py-3 d-flex flex-column flex-md-row justify-content-between gap-2">
                <small class="text-white-50">
                    &copy; 2026 Loja Online. Todos os direitos reservados.
                </small>

                <small class="text-white-50">
                    Projeto educacional — Programação Web
                </small>
            </div>
        </div>
    </footer>