<!-- Google tag (gtag.js) --> <script async src="https://www.googletagmanager.com/gtag/js?id=G-HKVMBB1R03"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-HKVMBB1R03'); </script>

<!DOCTYPE html>
<html lang="pt-BR" class="scroll-smooth">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>NASCIMENTO CARRO DE SOM VOLANTE | Propagandas e Eventos Várzea Grande e Cuiabá MT</title>
   
    <!-- Meta SEO Principal -->
    <meta name="description" content="Nascimento Carro de Som Volante 360 Graus em Várzea Grande e Cuiabá MT. Propaganda volante para lojas, mercados, igrejas e eventos. A partir de R$ 100/h. Pacote 5h por R$ 400 no PIX!">
    <meta name="keywords" content="carro de som varzea grande, carro de som cuiaba, propaganda volante mt, som para loja cuiaba, som para mercado varzea grande, carro de som 360 graus">
    <meta name="author" content="LOPES WEBSITES E SISTEMAS">
    <meta name="robots" content="index, follow">

    <!-- Open Graph (Compartilhamento Redes Sociais) -->
    <meta property="og:title" content="NASCIMENTO CARRO DE SOM VOLANTE - Cuiabá e Várzea Grande">
    <meta property="og:description" content="Propaganda Volante e Eventos. 360 Graus de Potência! Pacote Promocional 5 Horas por R$ 400,00 no PIX. Ligue Já!">
    <meta property="og:type" content="website">
    <meta property="og:locale" content="pt_BR">

    <!-- Tailwind CSS CDN -->
    <script src="https://cdn.tailwindcss.com"></script>
    <script>
        tailwind.config = {
            theme: {
                extend: {
                    colors: {
                        brandRed: '#D32F2F',
                        brandRedDark: '#990000',
                        brandYellow: '#FFD700',
                        brandYellowDark: '#CCAC00',
                        brandDark: '#0D0D0D',
                        brandDarkCard: '#181818',
                    },
                    fontFamily: {
                        sans: ['Inter', 'sans-serif'],
                    }
                }
            }
        }
    </script>

    <!-- Font Awesome Icons -->
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
   
    <!-- Google Fonts -->
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700;800;900&display=swap" rel="stylesheet">

    <style>
        body {
            font-family: 'Inter', sans-serif;
            background-color: #0D0D0D;
            color: #FFFFFF;
        }
        .text-shadow-yellow {
            text-shadow: 0px 2px 8px rgba(255, 215, 0, 0.4);
        }
        .text-shadow-red {
            text-shadow: 0px 2px 10px rgba(211, 47, 47, 0.6);
        }
        .pulse-btn {
            animation: pulse 2s infinite;
        }
        @keyframes pulse {
            0% { transform: scale(1); box-shadow: 0 0 0 0 rgba(255, 215, 0, 0.7); }
            70% { transform: scale(1.03); box-shadow: 0 0 0 15px rgba(255, 215, 0, 0); }
            100% { transform: scale(1); box-shadow: 0 0 0 0 rgba(255, 215, 0, 0); }
        }
    </style>
</head>
<body class="antialiased selection:bg-brandYellow selection:text-brandDark">

    <!-- SEO KEYWORDS OCULTAS / INVISÍVEIS PARA BUSCADORES (OVER 100 KEYWORDS) -->
    <div style="display: none !important; visibility: hidden !important; opacity: 0; width: 0; height: 0; overflow: hidden;" aria-hidden="true">
        <h2>SEO Keywords - Carro de Som Cuiabá e Várzea Grande</h2>
        <p>
            carro de som varzea grande, carro de som cuiaba, propaganda volante varzea grande, propaganda volante cuiaba,
            som volante mt, som para lojas varzea grande, som para mercados cuiaba, carro de som bairro mapim,
            divulgação sonora varzea grande, propaganda de som cuiaba, carro de som preço cuiaba, quanto custa carro de som varzea grande,
            aluguel de carro de som cuiaba, servico de som volante mato grosso, automovel de som propaganda,
            carro de som para igrejas, som volante para cultos, propaganda volante inauguracao, som de rua varzea grande,
            locucao volante cuiaba, alto falante propaganda varzea grande, som 360 graus propaganda, som automotivo propaganda cuiaba,
            divulgacao de eventos cuiaba, vinheta para carro de som, gravacao de comercial carro de som, propaganda volante mercado,
            som para feirao de carros cuiaba, carro de som promocao varzea grande, nascimento carro de som, nascimento som volante,
            carro de som avenida mato grosso varzea grande, carro de som vg mt, propaganda sonora no mapim,
            som de rua para comercio cuiaba, carro de som para supermercados, anunciante volante cuiaba,
            propaganda volante barata cuiaba, carro de som contratacao por hora, pacote promocional carro de som,
            carro de som 5 horas pix, som volante centro cuiaba, som volante cristo rei varzea grande,
            som volante coxipo cuiaba, som volante cpa cuiaba, som volante tijucal cuiaba, som volante varzea grande centro,
            divulgacao volante com locucao, gravacao de spot publicitarios, minitrio eletrico cuiaba, trike de som varzea grande,
            carro com caixa de som propaganda, veiculo de som comercial, publicidade sonora urbana, marketing sonoro volante,
            propaganda em movimento cuiaba, alcance de clientes som volante, carro de som acougue, carro de som farmacia,
            carro de som loja de roupas cuiaba, propaganda para loja de calcados, carro de som circo,
            carro de som show e eventos, som volante politica eleicoes cuiaba, som volante passeata carreata,
            carro de som aniversario mensagem, propaganda volante para quermesse, som de rua dia das maes,
            som de rua black friday cuiaba, carro de som natal promocao, som de rua ano novo varzea grande,
            carro de som dia dos namorados, som volante para atacarao, propaganda volante para atacadista,
            divulgacao de ofertas no bairro, som de alta potencia volante, carro de som com som limpo,
            melhor carro de som de varzea grande, empresa de som volante mt, nascimento propaganda e eventos,
            carro de som autorizado cuiaba, propaganda com nota fiscal carro de som, som para eventos comunitarios,
            locutor para carro de som cuiaba, som automotivo volante publicidade, vinheta comercial gravada,
            carro de som urgente cuiaba, contratar carro de som hoje varzea grande, whatsapp carro de som cuiaba,
            telefone carro de som varzea grande, propaganda volante avenida couto magalhaes, propaganda volante avenida fernando correa,
            propaganda volante avenida historiador rubens de mendonca, propaganda volante cpa 1 2 3 4,
            propaganda volante bairro manso, propaganda volante ponte nova, som de rua vg mt, carro de som bom e barato.
        </p>
    </div>

    <!-- Header Topo Info Bar -->
    <div class="bg-black text-white text-xs md:text-sm py-2 px-4 border-b border-brandRed/40">
        <div class="max-w-7xl mx-auto flex flex-col md:flex-row justify-between items-center text-center gap-2">
            <div class="flex items-center gap-2">
                <i class="fa-solid fa-location-dot text-brandYellow"></i>
                <span>Atendendo <strong>Várzea Grande, Cuiabá e Região - MT</strong></span>
            </div>
            <div class="flex items-center gap-4">
                <a href="tel:+5565998055262" class="hover:text-brandYellow transition"><i class="fa-solid fa-phone text-brandYellow mr-1"></i> (65) 99805-5262</a>
                <a href="mailto:nascimentocarrodesom@gmail.com" class="hover:text-brandYellow transition hidden sm:inline"><i class="fa-solid fa-envelope text-brandYellow mr-1"></i> nascimentocarrodesom@gmail.com</a>
            </div>
        </div>
    </div>

    <!-- Navegação Principal -->
    <nav class="sticky top-0 z-40 bg-brandDark/95 backdrop-blur-md border-b-2 border-brandRed shadow-2xl">
        <div class="max-w-7xl mx-auto px-4 py-3 flex justify-between items-center">
            <a href="#" class="flex items-center gap-3 group">
                <div class="bg-brandRed text-brandYellow p-2.5 rounded-xl shadow-lg group-hover:scale-105 transition-transform">
                    <i class="fa-solid fa-bullhorn text-2xl md:text-3xl"></i>
                </div>
                <div>
                    <span class="block text-xl md:text-2xl font-black tracking-wider text-white leading-tight">NASCIMENTO</span>
                    <span class="block text-xs md:text-sm font-bold text-brandYellow tracking-widest uppercase">Carro de Som Volante</span>
                </div>
            </a>
           
            <a href="https://wa.me/5565998055262?text=Ol%C3%A1!%20Gostaria%20de%20solicitar%20um%20or%C3%A7amento%20para%20Carro%20de%20Som." target="_blank" rel="noopener noreferrer" class="hidden md:flex items-center gap-2 bg-green-600 hover:bg-green-500 text-white font-bold py-2.5 px-5 rounded-lg shadow-md hover:shadow-green-500/20 transition-all">
                <i class="fa-brands fa-whatsapp text-xl"></i>
                <span>Orçamento Rápido</span>
            </a>
        </div>
    </nav>

    <!-- HERO SECTION -->
    <section class="relative bg-gradient-to-b from-brandDark via-black to-brandDark border-b border-brandRed/30 py-12 md:py-20 px-4 overflow-hidden">
        <!-- Glow Effect Background -->
        <div class="absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 w-[300px] md:w-[600px] h-[300px] md:h-[600px] bg-brandRed/15 rounded-full blur-3xl pointer-events-none"></div>

        <div class="max-w-5xl mx-auto text-center relative z-10">
            <!-- Badge Capa -->
            <div class="inline-flex items-center gap-2 bg-brandRed/20 border border-brandRed text-brandYellow text-xs md:text-sm font-bold px-4 py-1.5 rounded-full mb-6 uppercase tracking-wider">
                <i class="fa-solid fa-volume-high animate-bounce"></i> Som Volante 360 Graus de Alta Potência
            </div>

            <h1 class="text-3xl md:text-6xl lg:text-7xl font-black text-white leading-tight uppercase mb-4">
                Sua Marca Ouvida em Toda <br class="hidden sm:inline">
                <span class="text-brandYellow text-shadow-yellow underline decoration-brandRed decoration-4 underline-offset-8">Várzea Grande e Cuiabá</span>
            </h1>

            <p class="text-base md:text-xl text-gray-300 max-w-3xl mx-auto mb-8 font-medium">
                Alavanque suas vendas, divulgue ofertas, inaugurações, eventos e cultos com a melhor propaganda volante da região!
            </p>

            <!-- Preço Destaque Hero -->
            <div class="bg-brandDarkCard/90 border-2 border-brandYellow/60 rounded-2xl p-6 max-w-2xl mx-auto shadow-2xl mb-8 backdrop-blur">
                <div class="grid grid-cols-1 sm:grid-cols-2 gap-4 items-center">
                    <div class="border-b sm:border-b-0 sm:border-r border-gray-700 pb-4 sm:pb-0 sm:pr-4">
                        <span class="text-xs text-gray-400 uppercase font-bold block">A Partir De</span>
                        <span class="text-3xl md:text-4xl font-black text-white">R$ 100<span class="text-lg text-brandYellow">,00/h</span></span>
                        <span class="text-xs text-gray-400 block mt-1">(Contrato mínimo de 02 horas)</span>
                    </div>
                    <div>
                        <span class="bg-brandRed text-white text-[10px] font-black px-2 py-0.5 rounded uppercase tracking-wider inline-block mb-1">Super Oferta PIX</span>
                        <span class="text-2xl md:text-3xl font-black text-brandYellow block">5 HORAS por R$ 400</span>
                        <span class="text-xs text-gray-300 block">Economize R$ 100,00 no Pacote!</span>
                    </div>
                </div>
            </div>

            <!-- CTAs Principais -->
            <div class="flex flex-col sm:flex-row justify-center items-center gap-4">
                <a href="https://wa.me/5565998055262?text=Ol%C3%A1!%20Quero%20contratar%20o%20Carro%20de%20Som." target="_blank" rel="noopener noreferrer" class="pulse-btn w-full sm:w-auto bg-brandYellow hover:bg-brandYellowDark text-brandDark font-black text-lg py-4 px-8 rounded-xl shadow-xl transition-all flex items-center justify-center gap-3">
                    <i class="fa-brands fa-whatsapp text-2xl text-green-700"></i>
                    <span>CONTRATAR AGORA VIA WHATSAPP</span>
                </a>
                <a href="tel:+5565998055262" class="w-full sm:w-auto bg-brandRed hover:bg-brandRedDark text-white font-bold text-lg py-4 px-8 rounded-xl border border-red-500 shadow-lg transition-all flex items-center justify-center gap-2">
                    <i class="fa-solid fa-phone-volume"></i>
                    <span>LIGAR: (65) 99805-5262</span>
                </a>
            </div>
        </div>
    </section>

    <!-- SEÇÃO QUEM ATENDEMOS / SERVIÇOS -->
    <section class="py-16 px-4 bg-brandDark">
        <div class="max-w-7xl mx-auto">
            <div class="text-center mb-12">
                <h2 class="text-xs font-bold text-brandYellow uppercase tracking-widest mb-2">Público & Clientes</h2>
                <p class="text-2xl md:text-4xl font-black text-white uppercase">Atendemos Diversos Segmentos</p>
                <div class="w-24 h-1 bg-brandRed mx-auto mt-3 rounded-full"></div>
            </div>

            <div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-6">
                <!-- Card 1 -->
                <div class="bg-brandDarkCard border border-gray-800 hover:border-brandRed p-6 rounded-2xl transition-all duration-300 hover:-translate-y-1 shadow-lg group">
                    <div class="w-14 h-14 bg-brandRed/20 text-brandRed group-hover:bg-brandRed group-hover:text-white rounded-xl flex items-center justify-center text-2xl mb-4 transition-colors">
                        <i class="fa-solid fa-store"></i>
                    </div>
                    <h3 class="text-xl font-bold text-white mb-2">Lojas e Comércio</h3>
                    <p class="text-gray-400 text-sm">Divulgação de liquidações, queima de estoque, inaugurações, promoções relâmpago e ofertas de rua.</p>
                </div>

                <!-- Card 2 -->
                <div class="bg-brandDarkCard border border-gray-800 hover:border-brandRed p-6 rounded-2xl transition-all duration-300 hover:-translate-y-1 shadow-lg group">
                    <div class="w-14 h-14 bg-brandRed/20 text-brandRed group-hover:bg-brandRed group-hover:text-white rounded-xl flex items-center justify-center text-2xl mb-4 transition-colors">
                        <i class="fa-solid fa-cart-shopping"></i>
                    </div>
                    <h3 class="text-xl font-bold text-white mb-2">Supermercados</h3>
                    <p class="text-gray-400 text-sm">Anúncio de encartes da semana, ofertas de hortifrúti, açougue e feirões de final de semana nos bairros.</p>
                </div>

                <!-- Card 3 -->
                <div class="bg-brandDarkCard border border-gray-800 hover:border-brandRed p-6 rounded-2xl transition-all duration-300 hover:-translate-y-1 shadow-lg group">
                    <div class="w-14 h-14 bg-brandRed/20 text-brandRed group-hover:bg-brandRed group-hover:text-white rounded-xl flex items-center justify-center text-2xl mb-4 transition-colors">
                        <i class="fa-solid fa-church"></i>
                    </div>
                    <h3 class="text-xl font-bold text-white mb-2">Igrejas e Cultos</h3>
                    <p class="text-gray-400 text-sm">Convites para cruzadas evangélicas, festividades, missas especiais, quermesses e congressos.</p>
                </div>

                <!-- Card 4 -->
                <div class="bg-brandDarkCard border border-gray-800 hover:border-brandRed p-6 rounded-2xl transition-all duration-300 hover:-translate-y-1 shadow-lg group">
                    <div class="w-14 h-14 bg-brandRed/20 text-brandRed group-hover:bg-brandRed group-hover:text-white rounded-xl flex items-center justify-center text-2xl mb-4 transition-colors">
                        <i class="fa-solid fa-calendar-star"></i>
                    </div>
                    <h3 class="text-xl font-bold text-white mb-2">Eventos em Geral</h3>
                    <p class="text-gray-400 text-sm">Shows, circos, feiras comunitárias, eventos esportivos, carreatas e comunicados de utilidade pública.</p>
                </div>
            </div>
        </div>
    </section>

    <!-- DIFERENCIAIS -->
    <section class="py-12 bg-black border-y border-gray-800">
        <div class="max-w-7xl mx-auto px-4">
            <div class="grid grid-cols-1 md:grid-cols-3 gap-8 text-center">
                <div class="p-4">
                    <i class="fa-solid fa-rotate text-3xl text-brandYellow mb-3"></i>
                    <h4 class="text-lg font-bold text-white">Som Volante 360°</h4>
                    <p class="text-gray-400 text-sm mt-1">Projeção sonora em todas as direções com áudio cristalino e alta fidelidade.</p>
                </div>
                <div class="p-4">
                    <i class="fa-solid fa-map-location-dot text-3xl text-brandYellow mb-3"></i>
                    <h4 class="text-lg font-bold text-white">Rotas Estratégicas</h4>
                    <p class="text-gray-400 text-sm mt-1">Cobertura completa em bairros residenciais e centros comerciais de VG e Cuiabá.</p>
                </div>
                <div class="p-4">
                    <i class="fa-solid fa-clock text-3xl text-brandYellow mb-3"></i>
                    <h4 class="text-lg font-bold text-white">Pontualidade Garantida</h4>
                    <p class="text-gray-400 text-sm mt-1">Cumprimento rigoroso dos horários contratados para máxima eficiência da sua campanha.</p>
                </div>
            </div>
        </div>
    </section>

    <!-- SEÇÃO PLANOS E PREÇOS -->
    <section class="py-16 px-4 bg-brandDark">
        <div class="max-w-5xl mx-auto">
            <div class="text-center mb-12">
                <h2 class="text-xs font-bold text-brandYellow uppercase tracking-widest mb-2">Transparência & Economia</h2>
                <p class="text-2xl md:text-4xl font-black text-white uppercase">Confira Nossos Pacotes</p>
                <div class="w-24 h-1 bg-brandRed mx-auto mt-3 rounded-full"></div>
            </div>

            <div class="grid grid-cols-1 md:grid-cols-2 gap-8 items-stretch">
                <!-- CARD POR HORA -->
                <div class="bg-brandDarkCard border-2 border-gray-800 rounded-3xl p-8 flex flex-col justify-between hover:border-gray-700 transition">
                    <div>
                        <div class="flex justify-between items-start mb-4">
                            <span class="bg-gray-800 text-gray-300 text-xs font-bold px-3 py-1 rounded-full uppercase">Contratação Flexível</span>
                        </div>
                        <h3 class="text-2xl font-bold text-white mb-2">Serviço Por Hora</h3>
                        <p class="text-gray-400 text-sm mb-6">Ideal para ações rápidas, avisos pontuais e inaugurações específicas.</p>
                       
                        <div class="mb-6">
                            <span class="text-sm text-gray-400 block">A partir de</span>
                            <div class="flex items-baseline gap-1">
                                <span class="text-4xl md:text-5xl font-black text-white">R$ 100</span>
                                <span class="text-lg font-bold text-brandYellow">,00 / hora</span>
                            </div>
                            <span class="text-xs text-brandRed font-semibold mt-2 block"><i class="fa-solid fa-circle-info mr-1"></i> Contrato mínimo de 02 horas</span>
                        </div>

                        <ul class="space-y-3 text-sm text-gray-300 mb-8">
                            <li class="flex items-center gap-2"><i class="fa-solid fa-check text-green-500"></i> Som 360° em Alta Definição</li>
                            <li class="flex items-center gap-2"><i class="fa-solid fa-check text-green-500"></i> Execução de spot comercial gravado</li>
                            <li class="flex items-center gap-2"><i class="fa-solid fa-check text-green-500"></i> Rota personalizada no bairro escolhido</li>
                        </ul>
                    </div>

                    <a href="https://wa.me/5565998055262?text=Ol%C3%A1!%20Gostaria%20de%20contratar%20o%20servi%C3%A7o%20por%20hora." target="_blank" rel="noopener noreferrer" class="w-full text-center bg-gray-800 hover:bg-gray-700 text-white font-bold py-3.5 px-6 rounded-xl transition">
                        Contratar Pacote por Hora
                    </a>
                </div>

                <!-- CARD PROMOCIONAL PIX (DESTAQUE) -->
                <div class="bg-gradient-to-b from-brandRed/30 via-brandDarkCard to-brandDarkCard border-2 border-brandYellow rounded-3xl p-8 flex flex-col justify-between relative shadow-2xl scale-100 md:scale-105">
                    <!-- Badge Mais Vendido -->
                    <div class="absolute -top-4 right-8 bg-brandYellow text-brandDark font-black text-xs px-4 py-1.5 rounded-full shadow-lg uppercase tracking-wider">
                        ⭐ Pacote Promocional
                    </div>

                    <div>
                        <div class="flex justify-between items-start mb-4">
                            <span class="bg-brandRed text-white text-xs font-bold px-3 py-1 rounded-full uppercase tracking-wider">MELHOR CUSTO-BENEFÍCIO</span>
                        </div>
                        <h3 class="text-2xl font-bold text-white mb-2">Pacote 05 Horas</h3>
                        <p class="text-gray-300 text-sm mb-6">Máximo alcance e repetição para dominar as vendas na sua região!</p>
                       
                        <div class="mb-6 bg-black/40 p-4 rounded-xl border border-brandYellow/30">
                            <span class="text-xs text-brandYellow font-bold uppercase block">Super Desconto no PIX</span>
                            <div class="flex items-baseline gap-1">
                                <span class="text-4xl md:text-5xl font-black text-brandYellow">R$ 400</span>
                                <span class="text-lg font-bold text-white">,00</span>
                            </div>
                            <span class="text-xs text-gray-300 block mt-1">Apenas R$ 80,00 por hora!</span>
                        </div>

                        <ul class="space-y-3 text-sm text-gray-200 mb-8">
                            <li class="flex items-center gap-2"><i class="fa-solid fa-circle-check text-brandYellow"></i> <strong>5 Horas completas</strong> de divulgação</li>
                            <li class="flex items-center gap-2"><i class="fa-solid fa-circle-check text-brandYellow"></i> Desconto de R$ 100,00 exclusivo no PIX</li>
                            <li class="flex items-center gap-2"><i class="fa-solid fa-circle-check text-brandYellow"></i> Cobertura ampliada em múltiplos bairros</li>
                            <li class="flex items-center gap-2"><i class="fa-solid fa-circle-check text-brandYellow"></i> Ideal para grandes inaugurações e finais de semana</li>
                        </ul>
                    </div>

                    <a href="https://wa.me/5565998055262?text=Ol%C3%A1!%20Quero%20aproveitar%20a%20PROMO%C3%87%C3%83O%20de%205%20Horas%20por%20R$%20400%20no%20PIX." target="_blank" rel="noopener noreferrer" class="pulse-btn w-full text-center bg-brandYellow hover:bg-brandYellowDark text-brandDark font-black py-4 px-6 rounded-xl shadow-xl transition flex items-center justify-center gap-2">
                        <i class="fa-brands fa-whatsapp text-xl text-green-700"></i>
                        <span>GARANTIR PROMOÇÃO NO PIX</span>
                    </a>
                </div>
            </div>
        </div>
    </section>

    <!-- LOCALIZAÇÃO E CONTATO -->
    <section class="py-16 px-4 bg-black border-t border-gray-800">
        <div class="max-w-7xl mx-auto">
            <div class="grid grid-cols-1 lg:grid-cols-2 gap-12 items-center">
                <!-- Informações -->
                <div>
                    <span class="text-xs font-bold text-brandYellow uppercase tracking-widest block mb-2">Fale Conosco</span>
                    <h2 class="text-3xl md:text-4xl font-black text-white uppercase mb-6">Entre em Contato Hoje Mesmo!</h2>

                    <div class="space-y-6">
                        <!-- Item Telefone -->
                        <div class="flex items-start gap-4">
                            <div class="w-12 h-12 bg-brandRed text-white rounded-xl flex items-center justify-center text-xl shrink-0">
                                <i class="fa-solid fa-phone"></i>
                            </div>
                            <div>
                                <h4 class="text-sm font-bold text-gray-400 uppercase">Telefone / WhatsApp</h4>
                                <a href="https://wa.me/5565998055262" target="_blank" rel="noopener noreferrer" class="text-xl md:text-2xl font-black text-brandYellow hover:underline">
                                    +55 (65) 99805-5262
                                </a>
                                <p class="text-xs text-gray-400 mt-0.5">Atendimento rápido e orçamentos sem compromisso</p>
                            </div>
                        </div>

                        <!-- Item E-mail -->
                        <div class="flex items-start gap-4">
                            <div class="w-12 h-12 bg-brandRed text-white rounded-xl flex items-center justify-center text-xl shrink-0">
                                <i class="fa-solid fa-envelope"></i>
                            </div>
                            <div>
                                <h4 class="text-sm font-bold text-gray-400 uppercase">E-mail Comercial</h4>
                                <a href="mailto:nascimentocarrodesom@gmail.com" class="text-base md:text-lg font-bold text-white hover:text-brandYellow transition">
                                    nascimentocarrodesom@gmail.com
                                </a>
                            </div>
                        </div>

                        <!-- Item Endereço -->
                        <div class="flex items-start gap-4">
                            <div class="w-12 h-12 bg-brandRed text-white rounded-xl flex items-center justify-center text-xl shrink-0">
                                <i class="fa-solid fa-location-dot"></i>
                            </div>
                            <div>
                                <h4 class="text-sm font-bold text-gray-400 uppercase">Endereço de Atendimento</h4>
                                <p class="text-white font-medium text-base">
                                    Avenida Mato Grosso, 1899<br>
                                    Bairro Mapim - CEP 78142-368<br>
                                    <strong>Várzea Grande - MT</strong>
                                </p>
                            </div>
                        </div>
                    </div>
                </div>

                <!-- Card de Chamada Direta no Mapa/Base -->
                <div class="bg-brandDarkCard border border-brandRed/40 p-8 rounded-3xl shadow-2xl text-center relative overflow-hidden">
                    <div class="absolute -right-10 -bottom-10 w-40 h-40 bg-brandRed/10 rounded-full blur-2xl"></div>
                   
                    <i class="fa-solid fa-bullhorn text-6xl text-brandYellow mb-4 block"></i>
                    <h3 class="text-2xl font-black text-white uppercase mb-2">Pronto para Anunciar?</h3>
                    <p class="text-gray-300 text-sm mb-6">Atendemos todos os bairros de Várzea Grande, Cuiabá e regiões metropolitanas. Faça seu comércio vender mais!</p>

                    <a href="https://wa.me/5565998055262?text=Ol%C3%A1!%20Quero%20agendar%20um%20carro%20de%20som." target="_blank" rel="noopener noreferrer" class="w-full bg-green-600 hover:bg-green-500 text-white font-black text-lg py-4 px-6 rounded-xl shadow-lg transition flex items-center justify-center gap-3">
                        <i class="fa-brands fa-whatsapp text-2xl"></i>
                        <span>FALAS COM NOSSA EQUIPE</span>
                    </a>
                </div>
            </div>
        </div>
    </section>

    <!-- BOTÃO FLUTUANTE WHATSAPP -->
    <a href="https://wa.me/5565998055262?text=Ol%C3%A1!%20Vim%20pelo%20site%20e%20gostaria%20de%20mais%20informa%C3%A7%C3%B5es."
       target="_blank"
       rel="noopener noreferrer"
       class="fixed bottom-6 right-6 z-50 bg-green-500 text-white p-4 rounded-full shadow-2xl hover:bg-green-400 hover:scale-110 transition-all duration-300 flex items-center justify-center text-3xl group"
       title="Fale pelo WhatsApp">
        <i class="fa-brands fa-whatsapp"></i>
        <span class="max-w-0 overflow-hidden whitespace-nowrap group-hover:max-w-xs transition-all duration-500 ease-in-out text-sm font-bold pl-0 group-hover:pl-2">
            Chamar no WhatsApp
        </span>
    </a>

    <!-- FOOTER DIREITOS E CRÉDITOS -->
    <footer class="bg-black py-8 border-t border-gray-900 text-center text-xs text-gray-500 px-4">
        <div class="max-w-7xl mx-auto space-y-3">
            <p>© <script>document.write(new Date().getFullYear())</script> <strong>NASCIMENTO CARRO DE SOM VOLANTE</strong> - Propagandas e Eventos. Todos os direitos reservados.</p>
            <p class="text-gray-400">Várzea Grande & Cuiabá - MT</p>
            <p class="pt-2 text-gray-400 border-t border-gray-900">
                Desenvolvido Por: <strong class="text-brandYellow">LOPES WEBSITES E SISTEMAS</strong>
            </p>
        </div>
    </footer>

</body>
</html>