<!-- Cached copy, generated 08:58 -->
<!DOCTYPE html>
<html lang="pt-BR">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Bla Bla IPTV - Streaming Premium</title>
    <meta name="description" content="Bla Bla IPTV oferece IPTV premium com qualidade HD, Full HD e 4K. Assista em qualquer lugar com estabilidade e suporte 24h.">
    <meta name="keywords" content="IPTV, Bla Bla IPTV, Teste IPTV, Internet Protocol Television, TV por internet, IPTV grátis, teste IPTV grátis, canais IPTV, IPTV 4K, IPTV HD, Smart TV IPTV, TV Box IPTV, IPTV Brasil">
    <meta name="robots" content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1">
    <meta name="author" content="Bla Bla IPTV">
    <meta name="language" content="Portuguese">
    <meta name="theme-color" content="#0a0a0c">
    <link rel="canonical" href="https://blablachampanheria.com.br/">

    <!-- Favicon -->
    <link rel="icon" type="image/png" href="./assets/img/favicon.png">
    
    <!-- Open Graph / Facebook -->
    <meta property="og:type" content="website">
    <meta property="og:url" content="https://blablachampanheria.com.br/">
    <meta property="og:title" content="Bla Bla IPTV - Streaming Premium">
    <meta property="og:description" content="A melhor experiência de TV e Streaming em alta definição com Bla Bla IPTV.">
    <meta property="og:image" content="./assets/img/preview.jpg">
    <meta property="og:site_name" content="Bla Bla IPTV">
    <meta property="og:locale" content="pt_BR">

    <!-- Twitter -->
    <meta property="twitter:card" content="summary_large_image">
    <meta property="twitter:url" content="https://blablachampanheria.com.br/">
    <meta property="twitter:title" content="Bla Bla IPTV - Streaming Premium">
    <meta property="twitter:description" content="A melhor experiência de TV e Streaming em alta definição.">
    <meta property="twitter:image" content="./assets/img/preview.jpg">

    <!-- Schema.org JSON-LD -->
    <script type="application/ld+json">
    {
      "@context": "https://schema.org",
      "@graph": [
        {
          "@type": "Organization",
          "@id": "https://blablachampanheria.com.br/#organization",
          "name": "Bla Bla IPTV",
          "url": "https://blablachampanheria.com.br",
          "logo": {
            "@type": "ImageObject",
            "url": "https://blablachampanheria.com.br/assets/img/favicon.png",
            "width": 512,
            "height": 512
          },
          "description": "Serviço de IPTV premium com teste gratuito, canais ao vivo, filmes e séries em HD, Full HD e 4K.",
          "contactPoint": {
            "@type": "ContactPoint",
            "telephone": "+554896987888",
            "contactType": "customer service",
            "availableLanguage": "Portuguese",
            "areaServed": "BR"
          }
        },
        {
          "@type": "WebSite",
          "@id": "https://blablachampanheria.com.br/#website",
          "url": "https://blablachampanheria.com.br",
          "name": "Bla Bla IPTV",
          "publisher": { "@id": "https://blablachampanheria.com.br/#organization" },
          "description": "O melhor do IPTV Premium e Streaming de alta qualidade.",
          "inLanguage": "pt-BR"
        },
        {
          "@type": "WebPage",
          "@id": "https://blablachampanheria.com.br/#webpage",
          "url": "https://blablachampanheria.com.br/",
          "name": "Bla Bla IPTV - Streaming Premium",
          "isPartOf": { "@id": "https://blablachampanheria.com.br/#website" },
          "description": "Bla Bla IPTV oferece IPTV premium com qualidade HD, Full HD e 4K.",
          "inLanguage": "pt-BR"
        },
        {
          "@type": "Service",
          "name": "IPTV Premium Bla Bla IPTV",
          "serviceType": "Streaming de TV por Internet",
          "provider": { "@id": "https://blablachampanheria.com.br/#organization" },
          "areaServed": { "@type": "Country", "name": "Brasil" },
          "hasOfferCatalog": {
            "@type": "OfferCatalog",
            "name": "Planos IPTV",
            "itemListElement": [
              { "@type": "Offer", "itemOffered": { "@type": "Service", "name": "Plano Mensal" }, "price": "30.00", "priceCurrency": "BRL" },
              { "@type": "Offer", "itemOffered": { "@type": "Service", "name": "Plano Trimestral" }, "price": "80.00", "priceCurrency": "BRL" },
              { "@type": "Offer", "itemOffered": { "@type": "Service", "name": "Plano Anual" }, "price": "280.00", "priceCurrency": "BRL" }
            ]
          }
        }
                      ]
    }
    </script>

    <link rel="preload" as="image" href="./assets/hero-streaming.jpg">
    <link rel="stylesheet" href="./assets/app.css?v=1780995532">
</head>
<body>
<header class="main-header">
    <div class="top-bar">
        🔥 OFERTA LIMITADA: <strong>30% OFF</strong> em todos os planos IPTV — Vagas se esgotando!
    </div>
    <nav class="container nav-container">
        <a class="logo" href="./">
            <img src="./assets/img/logo.png" alt="Bla Bla IPTV"
                style="height: 28px; width: auto; margin-right: 8px;">
            <span>Bla Bla <span class="text-primary">IPTV</span></span>
        </a>
        <div class="nav-links">
            <a class="nav-link active"
                href="./">Início</a>
            <a class="nav-link "
                href="./canais/">Canais</a>
            <a class="nav-link "
                href="./planos/">Planos</a>
            <a class="nav-link "
                href="./teste-gratis/">Teste Grátis</a>
            <a class="nav-link "
                href="./dispositivos/">Dispositivos</a>
            <a class="nav-link "
                href="./faq/">FAQ</a>
        </div>
        <div class="nav-actions">
            <a href="https://voupro.link/r8zv5f" target="_blank" rel="noopener noreferrer"
                class="btn btn-primary btn-header hide-mobile">
                Assine Agora
            </a>
            <button class="menu-toggle" aria-label="Abrir menu">
                <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"
                    stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
                    <line x1="3" y1="12" x2="21" y2="12"></line>
                    <line x1="3" y1="6" x2="21" y2="6"></line>
                    <line x1="3" y1="18" x2="21" y2="18"></line>
                </svg>
            </button>
        </div>
    </nav>
</header>

<main>
    <!-- HERO SECTION -->
    <section class="hero">
        <div class="hero-bg">
            <img src="./assets/hero-streaming.jpg" alt="Streaming entertainment" width="1920" height="1080">
        </div>
        <div class="hero-overlay"></div>
        <div class="container hero-content">
            <span class="badge">
                <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none"
                    stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"
                    class="lucide lucide-star fill-primary" aria-hidden="true">
                    <path
                        d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z">
                    </path>
                </svg> Streaming Premium
            </span>
            <h1>Sua TV nunca mais será a mesma</h1>
            <p>Filmes, séries, esportes ao vivo e muito mais. Qualidade HD, Full HD e 4K em qualquer dispositivo.</p>
            <div class="hero-actions">
                <a href="https://voupro.link/r8zv5f" target="_blank" rel="noopener noreferrer" class="btn btn-primary">
                    Teste IPTV Grátis
                </a>
                <a href="./planos/" class="btn btn-outline">
                    Ver Planos <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24"
                        fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"
                        stroke-linejoin="round" class="lucide lucide-arrow-right" aria-hidden="true">
                        <path d="M5 12h14"></path>
                        <path d="m12 5 7 7-7 7"></path>
                    </svg>
                </a>
            </div>
            <div class="hero-stats">
                <div class="stat-item">
                    <span class="stat-value">24h</span>
                    <span class="stat-label">Suporte</span>
                </div>
                <div class="stat-item">
                    <span class="stat-value">4K</span>
                    <span class="stat-label">Qualidade</span>
                </div>
                <div class="stat-item">
                    <span class="stat-value">5+</span>
                    <span class="stat-label">Telas</span>
                </div>
            </div>
        </div>
    </section>

    <!-- HIGHLIGHTS -->
    <section class="section service-highlights">
        <div class="container highlights-container">
            <span class="highlight-item">
                <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none"
                    stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"
                    class="text-primary">
                    <path d="M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2"></path>
                    <path d="M16 3.128a4 4 0 0 1 0 7.744"></path>
                    <path d="M22 21v-2a4 4 0 0 0-3-3.87"></path>
                    <circle cx="9" cy="7" r="4"></circle>
                </svg>
                Milhares de clientes ativos
            </span>
            <span class="highlight-item">
                <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none"
                    stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"
                    class="text-primary fill-primary">
                    <path
                        d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z">
                    </path>
                </svg>
                4.9 de avaliação
            </span>
            <span class="highlight-item">
                <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none"
                    stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"
                    class="text-primary">
                    <path
                        d="M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z">
                    </path>
                </svg>
                Serviço seguro
            </span>
        </div>
    </section>

    <!-- 1. COMO FUNCIONA -->
    <section class="section container">
        <div class="section-title">
            <h2>Como Funciona</h2>
            <p>4 passos simples para começar</p>
        </div>
        <div class="grid grid-4 text-center">
            <div class="card">
                <span class="card-num">01</span>
                <h3>Solicite</h3>
                <p>Envie uma mensagem via WhatsApp pedindo seu teste.</p>
            </div>
            <div class="card">
                <span class="card-num">02</span>
                <h3>Receba</h3>
                <p>Em minutos você terá seus dados de acesso.</p>
            </div>
            <div class="card">
                <span class="card-num">03</span>
                <h3>Teste</h3>
                <p>Experimente a qualidade no seu dispositivo.</p>
            </div>
            <div class="card">
                <span class="card-num">04</span>
                <h3>Assine</h3>
                <p>Escolha o plano ideal e continue assistindo.</p>
            </div>
        </div>
    </section>

    <!-- 2. MILHARES DE FILMES -->
    <section class="section bg-surface">
        <div class="container content-split">
            <div class="content-text">
                <h2 class="title-large">Milhares de Filmes e Séries</h2>
                <p class="description">Catálogo atualizado diariamente com os maiores lançamentos do cinema, séries
                    premiadas e conteúdo exclusivo. Tudo em qualidade HD, Full HD e 4K.</p>
                <div class="grid grid-3 mini-stats">
                    <div class="card mini-card">
                        <div class="stat-value">15k+</div>
                        <div class="stat-label">Filmes</div>
                    </div>
                    <div class="card mini-card">
                        <div class="stat-value">5k+</div>
                        <div class="stat-label">Séries</div>
                    </div>
                    <div class="card mini-card">
                        <div class="stat-value">1k+</div>
                        <div class="stat-label">Canais</div>
                    </div>
                </div>
                <a href="./canais/" class="text-link">
                    Explorar catálogo →
                </a>
            </div>
            <div class="content-image">
                <img src="./assets/movies-grid.jpg" alt="Catálogo">
            </div>
        </div>
    </section>

    <!-- 3. ESPORTES AO VIVO -->
    <section class="section">
        <div class="container content-split reverse">
            <div class="content-text">
                <h2 class="title-large">Esportes ao Vivo</h2>
                <p class="description">Assista futebol, UFC, NBA, F1 e todos os campeonatos ao vivo com transmissão
                    estável e sem travamentos.</p>
                <a href="https://voupro.link/r8zv5f" target="_blank" class="btn btn-primary"
                    style="display:inline-flex; align-items:center;">
                    <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none"
                        stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"
                        style="margin-right:0.5rem;">
                        <path d="m3 21 1.9-5.7a8.5 8.5 0 1 1 3.8 3.8z"></path>
                    </svg>
                    Teste Grátis
                </a>
            </div>
            <div class="content-image">
                <img src="./assets/hero-streaming.jpg" alt="Esportes ao Vivo" style="filter: contrast(1.1);">
            </div>
        </div>
    </section>

    <!-- 4. POR QUE ESCOLHER -->
    <section class="section container">
        <div class="section-title">
            <h2>Por Que Escolher o Bla Bla IPTV?</h2>
            <p>Qualidade e estabilidade que fazem a diferença</p>
        </div>
        <div class="grid grid-3">
            <!-- Estabilidade -->
            <div class="card" style="display:flex; align-items:center; gap:1.25rem; text-align:left; padding:1.5rem;">
                <div class="icon-box"
                    style="flex-shrink:0; width:44px; height:44px; background:rgba(0, 191, 201, 0.1); border-radius:12px; display:flex; align-items:center; justify-content:center; color:var(--primary);">
                    <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none"
                        stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
                        <path
                            d="M4 14a1 1 0 0 1-.78-1.63l9.9-10.2a.5.5 0 0 1 .86.46l-1.92 6.02A1 1 0 0 0 13 10h7a1 1 0 0 1 .78 1.63l-9.9 10.2a.5.5 0 0 1-.86-.46l1.92-6.02A1 1 0 0 0 11 14z">
                        </path>
                    </svg>
                </div>
                <div>
                    <h3 style="font-size: 1rem; margin-bottom: 0.25rem;">Estabilidade Total</h3>
                    <p style="font-size: 0.8125rem; color: var(--muted-foreground); line-height: 1.4;">Servidores de
                        alta performance sem travamentos.</p>
                </div>
            </div>
            <!-- Segurança -->
            <div class="card" style="display:flex; align-items:center; gap:1.25rem; text-align:left; padding:1.5rem;">
                <div class="icon-box"
                    style="flex-shrink:0; width:44px; height:44px; background:rgba(0, 191, 201, 0.1); border-radius:12px; display:flex; align-items:center; justify-content:center; color:var(--primary);">
                    <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none"
                        stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
                        <path
                            d="M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z">
                        </path>
                    </svg>
                </div>
                <div>
                    <h3 style="font-size: 1rem; margin-bottom: 0.25rem;">Conexão Segura</h3>
                    <p style="font-size: 0.8125rem; color: var(--muted-foreground); line-height: 1.4;">Criptografia
                        avançada para sua privacidade.</p>
                </div>
            </div>
            <!-- Suporte -->
            <div class="card" style="display:flex; align-items:center; gap:1.25rem; text-align:left; padding:1.5rem;">
                <div class="icon-box"
                    style="flex-shrink:0; width:44px; height:44px; background:rgba(0, 191, 201, 0.1); border-radius:12px; display:flex; align-items:center; justify-content:center; color:var(--primary);">
                    <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none"
                        stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
                        <path
                            d="M3 14h3a2 2 0 0 1 2 2v3a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-7a9 9 0 0 1 18 0v7a2 2 0 0 1-2 2h-1a2 2 0 0 1-2-2v-3a2 2 0 0 1 2-2h3">
                        </path>
                    </svg>
                </div>
                <div>
                    <h3 style="font-size: 1rem; margin-bottom: 0.25rem;">Suporte 24h</h3>
                    <p style="font-size: 0.8125rem; color: var(--muted-foreground); line-height: 1.4;">Equipe disponível
                        via WhatsApp a qualquer hora.</p>
                </div>
            </div>
            <!-- Multi-Dispositivos -->
            <div class="card" style="display:flex; align-items:center; gap:1.25rem; text-align:left; padding:1.5rem;">
                <div class="icon-box"
                    style="flex-shrink:0; width:44px; height:44px; background:rgba(0, 191, 201, 0.1); border-radius:12px; display:flex; align-items:center; justify-content:center; color:var(--primary);">
                    <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none"
                        stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
                        <rect width="20" height="14" x="2" y="3" rx="2"></rect>
                        <line x1="8" x2="16" y1="21" y2="21"></line>
                        <line x1="12" x2="12" y1="17" y2="21"></line>
                    </svg>
                </div>
                <div>
                    <h3 style="font-size: 1rem; margin-bottom: 0.25rem;">Multi-Dispositivos</h3>
                    <p style="font-size: 0.8125rem; color: var(--muted-foreground); line-height: 1.4;">Smart TV,
                        celular, tablet e computador.</p>
                </div>
            </div>
            <!-- Qualidade -->
            <div class="card" style="display:flex; align-items:center; gap:1.25rem; text-align:left; padding:1.5rem;">
                <div class="icon-box"
                    style="flex-shrink:0; width:44px; height:44px; background:rgba(0, 191, 201, 0.1); border-radius:12px; display:flex; align-items:center; justify-content:center; color:var(--primary);">
                    <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none"
                        stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
                        <circle cx="12" cy="8" r="6"></circle>
                        <path
                            d="m15.477 12.89 1.515 8.526a.5.5 0 0 1-.81.47l-3.58-2.687a1 1 0 0 0-1.197 0l-3.586 2.686a.5.5 0 0 1-.81-.469l1.514-8.526">
                        </path>
                    </svg>
                </div>
                <div>
                    <h3 style="font-size: 1rem; margin-bottom: 0.25rem;">Qualidade Premium</h3>
                    <p style="font-size: 0.8125rem; color: var(--muted-foreground); line-height: 1.4;">HD, Full HD e 4K
                        com áudio de qualidade.</p>
                </div>
            </div>
            <!-- Ativação -->
            <div class="card" style="display:flex; align-items:center; gap:1.25rem; text-align:left; padding:1.5rem;">
                <div class="icon-box"
                    style="flex-shrink:0; width:44px; height:44px; background:rgba(0, 191, 201, 0.1); border-radius:12px; display:flex; align-items:center; justify-content:center; color:var(--primary);">
                    <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none"
                        stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
                        <circle cx="12" cy="12" r="10"></circle>
                        <polyline points="12 6 12 12 16 14"></polyline>
                    </svg>
                </div>
                <div>
                    <h3 style="font-size: 1rem; margin-bottom: 0.25rem;">Ativação Imediata</h3>
                    <p style="font-size: 0.8125rem; color: var(--muted-foreground); line-height: 1.4;">Comece a assistir
                        em poucos minutos.</p>
                </div>
            </div>
        </div>
    </section>

    <!-- 5. ASSISTA EM QUALQUER DISPOSITIVO -->
    <section class="section container">
        <div class="container content-split">
            <div class="content-text">
                <h2 class="title-large">Assista em Qualquer Dispositivo</h2>
                <p class="description">Compatível com Smart TV, TV Box, Fire Stick, celulares Android e iOS, tablets e
                    computadores. Uma conta, todos os seus dispositivos.</p>
                <div class="badge-group" style="margin: 2rem 0; display: flex; flex-wrap: wrap; gap: 0.75rem;">
                    <span class="badge simple"
                        style="padding: 0.5rem 1.25rem; background: rgba(255,255,255,0.05); border: 1px solid var(--border); border-radius: 99px; font-size: 0.875rem;">Smart
                        TV</span>
                    <span class="badge simple"
                        style="padding: 0.5rem 1.25rem; background: rgba(255,255,255,0.05); border: 1px solid var(--border); border-radius: 99px; font-size: 0.875rem;">TV
                        Box</span>
                    <span class="badge simple"
                        style="padding: 0.5rem 1.25rem; background: rgba(255,255,255,0.05); border: 1px solid var(--border); border-radius: 99px; font-size: 0.875rem;">Android</span>
                    <span class="badge simple"
                        style="padding: 0.5rem 1.25rem; background: rgba(255,255,255,0.05); border: 1px solid var(--border); border-radius: 99px; font-size: 0.875rem;">iOS</span>
                    <span class="badge simple"
                        style="padding: 0.5rem 1.25rem; background: rgba(255,255,255,0.05); border: 1px solid var(--border); border-radius: 99px; font-size: 0.875rem;">PC/Mac</span>
                </div>
                <a href="./faq/" class="text-link" style="display: flex; align-items: center; gap: 0.5rem;">
                    Ver guia de instalação →
                </a>
            </div>
            <div class="content-image">
                <img src="./assets/multi-devices.jpg" alt="Dispositivos Compatíveis"
                    style="border-radius: 24px; box-shadow: 0 30px 60px -12px rgba(0,0,0,0.5);">
            </div>
        </div>
    </section>

    <!-- 6. EXPERIMENTE O TESTE GRATUITO -->
    <section class="section full-width-cta"
        style="position:relative; min-height:400px; display:flex; align-items:center; justify-content:center; overflow:hidden; margin: 4rem 0; border-radius: 0; padding: 0; background: #050608;">
        <div class="cta-bg" style="position:absolute; inset:0; z-index:1;">
            <img src="./assets/hero-streaming.jpg" alt="Background"
                style="width:100%; height:100%; object-fit:cover; filter: brightness(0.18) blur(2px);">
        </div>
        <div class="cta-overlay"
            style="position:absolute; inset:0; background: radial-gradient(circle at center, rgba(0, 191, 201, 0.05) 0%, rgba(5, 6, 8, 0.8) 100%); z-index:2;">
        </div>
        <div class="container"
            style="position:relative; z-index:3; max-width:800px; padding: 4rem 1.5rem; text-align: center; display: flex; flex-direction: column; align-items: center;">
            <p
                style="color: var(--primary); font-weight: 700; text-transform: uppercase; letter-spacing: 0.1em; margin-bottom: 1rem; font-size: 0.875rem;">
                Acesso Imediato</p>
            <h2
                style="font-size: clamp(2.25rem, 6vw, 3rem); margin-bottom: 1rem; color:white; font-weight:800; line-height: 1.1;">
                Experimente o Teste Gratuito</h2>
            <p
                style="font-size: 1.125rem; margin-bottom: 2.5rem; color: #a1a1aa; max-width: 550px; margin-inline: auto;">
                Teste toda a qualidade sem compromisso. Sem cartão de crédito, sem pegadinhas.</p>
            <a href="https://voupro.link/r8zv5f" target="_blank" class="btn btn-primary"
                style="padding: 1.125rem 3rem; font-size:1.125rem; display:inline-flex; align-items:center; box-shadow: 0 10px 40px -10px rgba(0, 191, 201, 0.5); border-radius: 12px;">
                <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none"
                    stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"
                    class="lucide lucide-message-circle" style="margin-right:0.6rem;">
                    <path d="m3 21 1.9-5.7a8.5 8.5 0 1 1 3.8 3.8z"></path>
                </svg>
                Quero Meu Teste Grátis
            </a>
        </div>
    </section>

    <!-- 7. NOSSOS PLANOS -->
    <section class="section container">
        <div class="section-title">
            <h2>Nossos Planos</h2>
            <p>Escolha o plano ideal para você e sua família</p>
        </div>
        <div class="grid grid-3" style="align-items: stretch;">
            <!-- Básico -->
            <div class="plan-card">
                <h3>Básico</h3>
                <p class="description" style="font-size:0.875rem;">Ideal para uso individual</p>
                <ul class="plan-list">
                    <li><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none"
                            stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"
                            class="text-success" style="color: #10b981;">
                            <polyline points="20 6 9 17 4 12"></polyline>
                        </svg> 1 dispositivo simultâneo</li>
                    <li><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none"
                            stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"
                            class="text-success" style="color: #10b981;">
                            <polyline points="20 6 9 17 4 12"></polyline>
                        </svg> Qualidade HD/FHD/4K</li>
                    <li><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none"
                            stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"
                            class="text-success" style="color: #10b981;">
                            <polyline points="20 6 9 17 4 12"></polyline>
                        </svg> Suporte via WhatsApp</li>
                    <li><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none"
                            stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"
                            class="text-success" style="color: #10b981;">
                            <polyline points="20 6 9 17 4 12"></polyline>
                        </svg> Conteúdo completo</li>
                </ul>
                <a href="https://voupro.link/r8zv5f" target="_blank" class="btn"
                    style="width:100%; display:flex; justify-content:center; background: #000; color:#fff; border: 1px solid var(--border); margin: 0 auto;">Consultar
                    Valor</a>
            </div>
            <!-- Família -->
            <div class="plan-card featured">
                <span class="featured-badge">Mais Popular</span>
                <h3>Família</h3>
                <p class="description" style="font-size:0.875rem;">Para famílias pequenas</p>
                <ul class="plan-list">
                    <li><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none"
                            stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"
                            class="text-success" style="color: #10b981;">
                            <polyline points="20 6 9 17 4 12"></polyline>
                        </svg> 3 dispositivos simultâneos</li>
                    <li><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none"
                            stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"
                            class="text-success" style="color: #10b981;">
                            <polyline points="20 6 9 17 4 12"></polyline>
                        </svg> Qualidade HD/FHD/4K</li>
                    <li><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none"
                            stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"
                            class="text-success" style="color: #10b981;">
                            <polyline points="20 6 9 17 4 12"></polyline>
                        </svg> Suporte prioritário</li>
                    <li><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none"
                            stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"
                            class="text-success" style="color: #10b981;">
                            <polyline points="20 6 9 17 4 12"></polyline>
                        </svg> Conteúdo completo</li>
                </ul>
                <a href="https://voupro.link/r8zv5f" target="_blank" class="btn btn-primary"
                    style="width:100%; display:flex; justify-content:center; margin: 0 auto;">Consultar Valor</a>
            </div>
            <!-- Premium -->
            <div class="plan-card">
                <h3>Premium</h3>
                <p class="description" style="font-size:0.875rem;">Para famílias grandes</p>
                <ul class="plan-list">
                    <li><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none"
                            stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"
                            class="text-success" style="color: #10b981;">
                            <polyline points="20 6 9 17 4 12"></polyline>
                        </svg> 5 dispositivos simultâneos</li>
                    <li><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none"
                            stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"
                            class="text-success" style="color: #10b981;">
                            <polyline points="20 6 9 17 4 12"></polyline>
                        </svg> Qualidade HD/FHD/4K</li>
                    <li><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none"
                            stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"
                            class="text-success" style="color: #10b981;">
                            <polyline points="20 6 9 17 4 12"></polyline>
                        </svg> Suporte VIP 24h</li>
                    <li><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none"
                            stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"
                            class="text-success" style="color: #10b981;">
                            <polyline points="20 6 9 17 4 12"></polyline>
                        </svg> Conteúdo completo</li>
                </ul>
                <a href="https://voupro.link/r8zv5f" target="_blank" class="btn"
                    style="width:100%; display:flex; justify-content:center; background: #000; color:#fff; border: 1px solid var(--border); margin: 0 auto;">Consultar
                    Valor</a>
            </div>
        </div>
        <div class="text-center" style="margin-top: 2.5rem;">
            <a href="./planos/" class="text-link">Ver todos os detalhes dos planos →</a>
        </div>
    </section>

    <!-- 8. O QUE NOSSOS CLIENTES DIZEM -->
    <section class="section bg-surface">
        <div class="container">
            <div class="section-title">
                <h2>O Que Nossos Clientes Dizem</h2>
                <p>Satisfação garantida de quem já usa o melhor IPTV do Brasil</p>
            </div>
            <div class="grid grid-3">
                <div class="card">
                    <div style="display:flex; gap:0.25rem; margin-bottom:1rem; color:#fbbf24;">
                                                    <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24"
                                fill="currentColor" stroke="none">
                                <path
                                    d="M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z">
                                </path>
                            </svg>
                                                    <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24"
                                fill="currentColor" stroke="none">
                                <path
                                    d="M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z">
                                </path>
                            </svg>
                                                    <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24"
                                fill="currentColor" stroke="none">
                                <path
                                    d="M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z">
                                </path>
                            </svg>
                                                    <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24"
                                fill="currentColor" stroke="none">
                                <path
                                    d="M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z">
                                </path>
                            </svg>
                                                    <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24"
                                fill="currentColor" stroke="none">
                                <path
                                    d="M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z">
                                </path>
                            </svg>
                                            </div>
                    <p style="font-style:italic; margin-bottom:1.5rem; color:var(--muted-foreground);">"Melhor IPTV que
                        já usei. A estabilidade nos jogos de futebol é impressionante, não trava nunca."</p>
                    <div style="font-weight:700;">Ricardo Souza</div>
                </div>
                <div class="card" style="border-color:var(--primary);">
                    <div style="display:flex; gap:0.25rem; margin-bottom:1rem; color:#fbbf24;">
                                                    <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24"
                                fill="currentColor" stroke="none">
                                <path
                                    d="M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z">
                                </path>
                            </svg>
                                                    <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24"
                                fill="currentColor" stroke="none">
                                <path
                                    d="M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z">
                                </path>
                            </svg>
                                                    <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24"
                                fill="currentColor" stroke="none">
                                <path
                                    d="M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z">
                                </path>
                            </svg>
                                                    <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24"
                                fill="currentColor" stroke="none">
                                <path
                                    d="M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z">
                                </path>
                            </svg>
                                                    <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24"
                                fill="currentColor" stroke="none">
                                <path
                                    d="M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z">
                                </path>
                            </svg>
                                            </div>
                    <p style="font-style:italic; margin-bottom:1.5rem; color:var(--muted-foreground);">"O suporte me
                        atendeu em minutos e configurou tudo na minha TV. Atendimento nota 10."</p>
                    <div style="font-weight:700;">Ana Beatriz</div>
                </div>
                <div class="card">
                    <div style="display:flex; gap:0.25rem; margin-bottom:1rem; color:#fbbf24;">
                                                    <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24"
                                fill="currentColor" stroke="none">
                                <path
                                    d="M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z">
                                </path>
                            </svg>
                                                    <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24"
                                fill="currentColor" stroke="none">
                                <path
                                    d="M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z">
                                </path>
                            </svg>
                                                    <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24"
                                fill="currentColor" stroke="none">
                                <path
                                    d="M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z">
                                </path>
                            </svg>
                                                    <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24"
                                fill="currentColor" stroke="none">
                                <path
                                    d="M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z">
                                </path>
                            </svg>
                                                    <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24"
                                fill="currentColor" stroke="none">
                                <path
                                    d="M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z">
                                </path>
                            </svg>
                                            </div>
                    <p style="font-style:italic; margin-bottom:1.5rem; color:var(--muted-foreground);">"Qualidade
                        absurda no 4K. Os canais de esportes são ótimos e o catálogo de filmes é gigante."</p>
                    <div style="font-weight:700;">Marcos Oliveira</div>
                </div>
            </div>
        </div>
    </section>

    <!-- 9. PERGUNTAS FREQUENTES -->
    <section class="section container">
        <div class="section-title">
            <h2>Perguntas Frequentes</h2>
            <p>Tire suas dúvidas rápidas aqui</p>
        </div>
        <div class="faq-container">
            <div class="faq-item">
                <button class="faq-trigger">Preciso de antena para usar o serviço? <span
                        class="faq-icon">▼</span></button>
                <div class="faq-panel">Não, você só precisa de uma conexão com a internet estável (mínimo 10mbps
                    recomendado).</div>
            </div>
            <div class="faq-item">
                <button class="faq-trigger">Quais dispositivos são compatíveis? <span class="faq-icon">▼</span></button>
                <div class="faq-panel">Smart TVs, TV Box, Smartphones (Android/iOS), Tablets e Computadores.</div>
            </div>
            <div class="faq-item">
                <button class="faq-trigger">Como recebo meu acesso após a compra? <span
                        class="faq-icon">▼</span></button>
                <div class="faq-panel">O envio é imediato via WhatsApp ou e-mail assim que a confirmação do pagamento
                    for feita.</div>
            </div>
            <div class="faq-item">
                <button class="faq-trigger">Posso usar em mais de uma tela ao mesmo tempo? <span
                        class="faq-icon">▼</span></button>
                <div class="faq-panel">Sim, dependendo do plano escolhido (Básico 1 tela, Família 3 telas, Premium 5
                    telas).</div>
            </div>
        </div>
        <div class="text-center" style="margin-top: 2.5rem; text-align: center;">
            <a href="./faq/" class="text-link">Ver todas as perguntas →</a>
        </div>
    </section>

    <!-- 10. FINAL CTA -->
    <section class="conversion-banner">
        <div class="container">
            <h2>Pronto Para Transformar Seu Entretenimento?</h2>
            <p>Junte-se a milhares de clientes satisfeitos. Teste grátis agora.</p>
            <div class="conversion-actions">
                <a href="https://voupro.link/r8zv5f" target="_blank" class="btn btn-dark">
                    <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none"
                        stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"
                        class="lucide lucide-message-circle">
                        <path d="m3 21 1.9-5.7a8.5 8.5 0 1 1 3.8 3.8z"></path>
                    </svg>
                    Solicitar Teste Grátis
                </a>
                <a href="https://voupro.link/r8zv5f" target="_blank" class="btn btn-outline"
                    style="background: transparent; border-color: #03060b80; color: #03060b;">
                    Falar com Consultor
                </a>
            </div>
        </div>
    </section>

</main>
<footer class="footer">
    <div class="container footer-grid">
        <div class="footer-col">
            <a class="logo" href="./" style="margin-bottom:1.5rem;">
                <img src="./assets/img/logo.png" alt="Bla Bla IPTV"
                    style="height: 32px; width: auto; margin-right: 10px;">
                Bla Bla <span class="text-primary">IPTV</span>
            </a>
            <p style="font-size:0.875rem; color:var(--muted-foreground); max-width: 250px; line-height: 1.6;">
                Entretenimento premium via streaming com qualidade incomparável, suporte dedicado e acesso em todos os
                dispositivos.</p>
        </div>
        <div class="footer-col">
            <h3>Navegação</h3>
            <ul class="footer-links">
                <li><a href="./" class="footer-link">Início</a></li>
                <li><a href="./canais/" class="footer-link">Canais</a></li>
                <li><a href="./planos/" class="footer-link">Planos</a></li>
                <li><a href="./teste-gratis/" class="footer-link">Teste Grátis</a></li>
            </ul>
        </div>
        <div class="footer-col">
            <h3>Suporte</h3>
            <ul class="footer-links">
                <li><a href="./dispositivos/" class="footer-link">Dispositivos</a></li>
                <li><a href="./faq/" class="footer-link">FAQ</a></li>
                <li><a href="https://voupro.link/r8zv5f" target="_blank" class="footer-link">Suporte WhatsApp</a></li>
            </ul>
        </div>
        <div class="footer-col">
            <h3>Contato</h3>
            <p class="footer-desc">A melhor experiência de entretenimento digital. Milhares de canais, filmes e séries
                com Bla Bla IPTV.</p>
            <ul class="footer-links">
                <li>
                    <a href="tel:12997352409" class="footer-link">
                        <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none"
                            stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"
                            class="lucide lucide-phone">
                            <path
                                d="M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l2.27-2.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z">
                            </path>
                        </svg>
                        (12) 9973-52409
                    </a>
                </li>
                <li>
                    <a href="https://voupro.link/r8zv5f" target="_blank" class="footer-link">
                        <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none"
                            stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"
                            class="lucide lucide-message-circle">
                            <path d="m3 21 1.9-5.7a8.5 8.5 0 1 1 3.8 3.8z"></path>
                        </svg>
                        WhatsApp
                    </a>
                </li>
            </ul>
        </div>
    </div>
    <div class="container copyright-area">
        <p>&copy; 2026 Bla Bla IPTV. Todos os direitos reservados.</p>
        <p>Serviço de streaming licenciado. Conteúdo sujeito à disponibilidade.</p>
    </div>
</footer>

<a href="https://voupro.link/r8zv5f" target="_blank" class="float-wa">
    <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" 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-.347m-5.421 7.403h-.004a9.87 9.87 0 01-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 01-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 012.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0012.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 005.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 00-3.48-8.413z">
        </path>
    </svg>
</a>
<script src="./assets/scripts.js" type="text/javascript"></script>
</body>

</html>
