<!doctype html>
<html lang="pt-BR">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Bom Cristão - Avaliações Espirituais que Transformam</title>
    <meta name="description" content="Testes espirituais cristãos gratuitos para relacionamentos e dons espirituais. Relatórios premium com orientações bíblicas práticas a partir de R$ 9,90." />
    <meta name="author" content="Bom Cristão" />
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link rel="preload" as="style" href="https://fonts.googleapis.com/css2?family=Source+Serif+4:ital,opsz,wght@0,8..60,400;0,8..60,600;1,8..60,400&family=Inter:wght@400;500;600&display=swap">
    <link href="https://fonts.googleapis.com/css2?family=Source+Serif+4:ital,opsz,wght@0,8..60,400;0,8..60,600;1,8..60,400&family=Inter:wght@400;500;600&display=swap" rel="stylesheet" media="print" onload="this.media='all'">
    <noscript><link href="https://fonts.googleapis.com/css2?family=Source+Serif+4:ital,opsz,wght@0,8..60,400;0,8..60,600;1,8..60,400&family=Inter:wght@400;500;600&display=swap" rel="stylesheet"></noscript>

    <meta property="og:title" content="Bom Cristão - Avaliações Espirituais que Transformam" />
    <meta property="og:description" content="Clareza para sua vida com Deus através de testes espirituais fundamentados em princípios bíblicos." />
    <meta property="og:type" content="website" />
    <meta property="og:image" content="https://lovable.dev/opengraph-image-p98pqg.png" />

    <meta name="twitter:card" content="summary_large_image" />
    <meta name="twitter:site" content="@BomCristao" />
    <meta name="twitter:image" content="https://lovable.dev/opengraph-image-p98pqg.png" />
    
    <link rel="canonical" href="https://www.bomcristao.com.br" />

    <!-- SPRINT 3.1: Theme Injection - Elimina FOUC -->
    <script>
      // Injetar tema ANTES do React carregar para evitar FOUC
      (function() {
        const savedTheme = localStorage.getItem('current-theme') || 'christian';
        const themes = {
          christian: {
            primary: '#ffd36a',
            secondary: '#1e3a8a',
            accent: '#7C3AED',
            background: '#F8FAFC',
            text: '#1E293B'
          },
          catholic: {
            primary: '#FFD36A',
            secondary: '#1E3A8A',
            accent: '#FBBF24',
            background: '#F8F6F2',
            text: '#7C6F57'
          }
        };
        
        const theme = themes[savedTheme] || themes.christian;
        const root = document.documentElement;
        
        Object.entries(theme).forEach(([key, value]) => {
          root.style.setProperty('--color-' + key, value);
        });
      })();
    </script>
    <script type="module" crossorigin src="/assets/index-15NEXxQq.js"></script>
    <link rel="modulepreload" crossorigin href="/assets/rolldown-runtime-BENE6YOx.js">
    <link rel="modulepreload" crossorigin href="/assets/icons-vendor-Cy5xGM_V.js">
    <link rel="modulepreload" crossorigin href="/assets/pdf-vendor-D1FJiMgO.js">
    <link rel="modulepreload" crossorigin href="/assets/query-vendor-B0xz47eR.js">
    <link rel="modulepreload" crossorigin href="/assets/react-router-Cx6VQJVV.js">
    <link rel="modulepreload" crossorigin href="/assets/ui-vendor-DBw3k1dF.js">
    <link rel="modulepreload" crossorigin href="/assets/utils-vendor-B47KRcup.js">
    <link rel="modulepreload" crossorigin href="/assets/brand-CNv9PBHR.js">
    <link rel="modulepreload" crossorigin href="/assets/content-1ET3REWD.js">
    <link rel="modulepreload" crossorigin href="/assets/Footer-B2V-_k7X.js">
    <link rel="modulepreload" crossorigin href="/assets/supabase-vendor-Dap06aYt.js">
    <link rel="modulepreload" crossorigin href="/assets/vendor-Byu6ZzJK.js">
    <link rel="modulepreload" crossorigin href="/assets/client-BHn3FmsP.js">
    <link rel="modulepreload" crossorigin href="/assets/logger-T6HjI2UI.js">
    <link rel="modulepreload" crossorigin href="/assets/quiz.config-CWqin-2I.js">
    <link rel="modulepreload" crossorigin href="/assets/preload-helper-CfEi_svD.js">
    <link rel="modulepreload" crossorigin href="/assets/react-vendor-C-WzO335.js">
    <link rel="modulepreload" crossorigin href="/assets/button-BfJwBu7p.js">
    <link rel="modulepreload" crossorigin href="/assets/card-9HBZ_s68.js">
    <link rel="modulepreload" crossorigin href="/assets/Container-DtbdSFub.js">
    <link rel="modulepreload" crossorigin href="/assets/primitives-D-XA8pDm.js">
    <link rel="modulepreload" crossorigin href="/assets/sections-DkJkFv7d.js">
    <link rel="modulepreload" crossorigin href="/assets/legal-BV0atksT.js">
    <link rel="modulepreload" crossorigin href="/assets/use-toast-YvmBTKaN.js">
    <link rel="modulepreload" crossorigin href="/assets/useBlogPosts-BEdycybx.js">
    <link rel="stylesheet" crossorigin href="/assets/index-RlgqYFS6.css">
  </head>

  <body>
    <div id="root"></div>
  </body>
</html>