Lojas | MMPG CreditoCerto


<style>
    .lojas-hero {
        background: radial-gradient(circle at top left, rgba(59,130,246,0.12), transparent 55%),
                    radial-gradient(circle at top right, rgba(16,185,129,0.12), transparent 45%),
                    linear-gradient(180deg, #ffffff 0%, #f1f5f9 100%);
        border-bottom: 1px solid #e2e8f0;
    }
    .store-card {
        background: #fff;
        border-radius: 18px;
        border: 1px solid rgba(226, 232, 240, 0.9);
        box-shadow: 0 10px 24px rgba(15, 23, 42, 0.08);
        transition: transform 0.2s ease, box-shadow 0.2s ease;
    }
    .store-card:hover {
        transform: translateY(-2px);
        box-shadow: 0 16px 30px rgba(15, 23, 42, 0.12);
    }
    .store-logo {
        width: 48px;
        height: 48px;
        border-radius: 14px;
        background: #f8fafc;
        border: 1px solid rgba(226, 232, 240, 0.9);
        display: flex;
        align-items: center;
        justify-content: center;
        overflow: hidden;
        font-weight: 700;
        color: #0f172a;
    }
    .store-logo img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
</style>



<section class="lojas-hero">
    <div class="max-w-6xl mx-auto px-4 py-10">
        <h1 class="text-3xl md:text-4xl font-bold text-slate-900">Lojas parceiras</h1>
        <p class="text-sm text-slate-600 mt-2">
            Descubra lojas e agendas online em todo o Brasil. Clique para visitar cada loja.
        </p>
    </div>
</section>

<section class="max-w-6xl mx-auto px-4 py-8">
    
        <div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-4">
            
            <a class="store-card p-4 flex items-center gap-3" href="https://lanchonetemundial.mmpg.shop/" target="_blank" rel="noopener">
                <div class="store-logo">
                    
                        L
                    
                </div>
                <div class="min-w-0">
                    <div class="font-semibold text-slate-900 truncate">Lanchonete Mundial</div>
                    <div class="text-xs text-slate-500 truncate">LANCHONETE E MERCEARIA • Teófilo Otoni</div>
                    <div class="text-[11px] text-slate-400 truncate">https://lanchonetemundial.mmpg.shop/</div>
                </div>
            </a>
            
            <a class="store-card p-4 flex items-center gap-3" href="https://lm.mmpg.shop/" target="_blank" rel="noopener">
                <div class="store-logo">
                    
                        L
                    
                </div>
                <div class="min-w-0">
                    <div class="font-semibold text-slate-900 truncate">Lanchonete Mundial</div>
                    <div class="text-xs text-slate-500 truncate">Mercearia e Lanchonete • Teófilo Otoni</div>
                    <div class="text-[11px] text-slate-400 truncate">https://lm.mmpg.shop/</div>
                </div>
            </a>
            
            <a class="store-card p-4 flex items-center gap-3" href="https://weuler.mmpg.shop/" target="_blank" rel="noopener">
                <div class="store-logo">
                    
                        W
                    
                </div>
                <div class="min-w-0">
                    <div class="font-semibold text-slate-900 truncate">WEULER CRISTINO DOS SANTOS NOGUEIRA</div>
                    <div class="text-xs text-slate-500 truncate">Loja • TEOFILO OTONI</div>
                    <div class="text-[11px] text-slate-400 truncate">https://weuler.mmpg.shop/</div>
                </div>
            </a>
            
        </div>
    
</section>