<!doctype html>
<html lang="pt-BR">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="Content-Security-Policy" content="upgrade-insecure-requests">
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <link rel="icon" type="image/png" href="/favicon.png">
    <link rel="apple-touch-icon" href="/pwa-192x192.png">
    <meta name="theme-color" content="#0a0a0a">
    <meta name="description" content="Descubra filmes, séries e desenhos animados no Arte com Pipoca. Veja trailers, elenco completo, temporadas, avaliações e onde assistir. Seu guia de cinema.">
    <meta name="author" content="Arte com Pipoca" />

    <meta property="og:site_name" content="Arte com Pipoca" />
    <meta property="og:locale" content="pt_BR" />
    <meta property="og:type" content="website" />
    <meta property="og:title" content="Arte com Pipoca - Filmes, Séries e Desenhos para Assistir Online" />
    <meta property="og:description" content="Descubra filmes, séries e desenhos animados no Arte com Pipoca. Veja trailers, elenco completo, temporadas, avaliações e onde assistir. Seu guia de cinema." />
    <meta property="og:image" content="https://artecompipoca.net/og-image.png" />

    <meta name="twitter:card" content="summary_large_image" />
    <meta name="twitter:site" content="@artecompipoca" />
    <meta name="twitter:title" content="Arte com Pipoca - Filmes, Séries e Desenhos para Assistir Online" />
    <meta name="twitter:description" content="Descubra filmes, séries e desenhos animados no Arte com Pipoca. Veja trailers, elenco completo, temporadas, avaliações e onde assistir. Seu guia de cinema." />
    <meta name="twitter:image" content="https://artecompipoca.net/og-image.png" />

    <!-- Static JSON-LD: WebSite + Organization (rendered in initial HTML for crawlers) -->
    <script type="application/ld+json">
    {
      "@context": "https://schema.org",
      "@type": "WebSite",
      "name": "Arte com Pipoca",
      "alternateName": "ACP",
      "url": "https://artecompipoca.net",
      "inLanguage": "pt-BR",
      "description": "Descubra filmes, séries e desenhos animados. Veja trailers, elenco completo, temporadas, avaliações e onde assistir.",
      "potentialAction": {
        "@type": "SearchAction",
        "target": {
          "@type": "EntryPoint",
          "urlTemplate": "https://artecompipoca.net/search?q={search_term_string}"
        },
        "query-input": "required name=search_term_string"
      }
    }
    </script>
    <script type="application/ld+json">
    {
      "@context": "https://schema.org",
      "@type": "Organization",
      "name": "Arte com Pipoca",
      "url": "https://artecompipoca.net",
      "logo": "https://artecompipoca.net/pwa-512x512.png",
      "sameAs": [
        "https://www.instagram.com/artecompipoca"
      ],
      "description": "Guia informativo sobre filmes, séries e desenhos animados, com trailers, elenco, temporadas e onde assistir legalmente."
    }
    </script>

    <!-- Preconnect to critical origins -->
    <link rel="preconnect" href="https://fonts.googleapis.com" />
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
    <link rel="preconnect" href="https://image.tmdb.org" crossorigin />
    <link rel="dns-prefetch" href="https://image.tmdb.org" />
    <link rel="preconnect" href="https://api.themoviedb.org" />
    <link rel="preconnect" href="https://i.ytimg.com" crossorigin />
    <link rel="dns-prefetch" href="https://i.ytimg.com" />
    <link rel="preconnect" href="https://www.youtube.com" />
    <link rel="dns-prefetch" href="https://www.youtube.com" />

    <!-- Load fonts without blocking render -->
    <link rel="preload" href="https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Inter:wght@400;500;600;700&display=swap" as="style" />
    <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Inter:wght@400;500;600;700&display=swap" media="print" onload="this.media='all'" />
    <noscript><link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Inter:wght@400;500;600;700&display=swap" /></noscript>

    <!-- Prevent flash of unstyled content -->
    <style>
      html, body { background-color: #0b0d12; margin: 0; padding: 0; }
      /* Hide static crawler content once React mounts */
      #root-static { display: none; }
    </style>
    <script type="module" crossorigin src="/assets/index-BLc7OPMI.js"></script>
    <link rel="stylesheet" crossorigin href="/assets/index-BN0fOHMd.css">
  <link rel="manifest" href="/manifest.webmanifest"><script id="vite-plugin-pwa:register-sw" src="/registerSW.js"></script></head>

  <body>
    <div id="root"></div>
    <!-- Static content for crawlers and LLMs (hidden from users via CSS) -->
    <div id="root-static" aria-hidden="true">
      <header>
        <p><strong>Arte com Pipoca</strong> — Filmes, Séries e Desenhos para Assistir</p>
        <nav>
          <a href="/filmes">Filmes</a>
          <a href="/series">Séries</a>
          <a href="/desenhos">Desenhos</a>
          <a href="/trailers">Trailers</a>
          <a href="/explorar">Explorar</a>
          <a href="/busca">Busca</a>
          <a href="/blog">Blog</a>
          <a href="/comunidade">Comunidade</a>
        </nav>
      </header>
      <main>
        <p>Descubra os melhores filmes e séries para sua vida de cinéfilo. Veja trailers, elenco completo, avaliações e onde assistir. Um bom lugar para amor ao cinema.</p>
        <section>
          <h2>Filmes Populares</h2>
          <p>Explore o catálogo de filmes em cartaz nos cinemas, filmes mais bem avaliados e lançamentos recentes.</p>
        </section>
        <section>
          <h2>Séries Populares</h2>
          <p>Acompanhe séries em alta, veja temporadas completas, episódios e avaliações da comunidade.</p>
        </section>
        <section>
          <h2>Desenhos e Animações</h2>
          <p>Filmes e séries de animação para toda a família, incluindo os títulos mais populares do momento.</p>
        </section>
        <section>
          <h2>Cinema Nacional</h2>
          <p>Descubra filmes brasileiros, do cinema independente aos grandes sucessos de bilheteira.</p>
        </section>
        <section>
          <h2>Comunidade</h2>
          <p>Crie sua conta gratuita, avalie filmes e séries, escreva reviews e compartilhe finais alternativos com outros cinéfilos.</p>
        </section>
      </main>
    </div>
    <noscript>
      <h1>Arte com Pipoca</h1>
      <p>Descubra filmes, séries e desenhos animados. Veja trailers, elenco, temporadas, avaliações e onde assistir. Este site requer JavaScript para funcionar corretamente.</p>
      <nav>
        <a href="/filmes">Filmes</a> |
        <a href="/series">Séries</a> |
        <a href="/desenhos">Desenhos</a> |
        <a href="/blog">Blog</a>
      </nav>
    </noscript>
  </body>
</html>
