<!doctype html>
<html lang="pt-BR">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Made in Brasilis — Cultura, Cidades e Gastronomia do Brasil</title>
    <meta name="description" content="Descubra o Brasil em sua essência. Seu guia completo de Cultura, Cidades e a Gastronomia que move o país.">
    <meta name="author" content="Made in Brasilis" />
    <meta name="google-site-verification" content="zylEfgnIV3HHmLUbj-NRU-qvrODw9Kuuiv7XXXUh7k8" />
    <meta name="google-site-verification" content="DldbsIFBLbkXM34sefAbaJlK7yvOUA2DCNZJH2WLKuU" />

    <!-- Google Analytics loaded at end of body -->
    <meta name="robots" content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1" />
    <meta name="theme-color" content="#2d6b3f" />
    <meta name="apple-mobile-web-app-capable" content="yes" />
    <meta name="apple-mobile-web-app-status-bar-style" content="default" />
    <meta name="apple-mobile-web-app-title" content="Made in Brasilis" />
    <link rel="apple-touch-icon" sizes="512x512" href="/pwa-icon-512.png" />
    <link rel="apple-touch-icon" sizes="192x192" href="/pwa-icon-192.png" />
    <link rel="alternate icon" href="/favicon.ico" />
    <link rel="icon" type="image/png" href="/pwa-icon-512.png" />

    <!-- Preconnect to critical origins -->
    <link rel="preconnect" href="https://udqipebwusydsulhirtc.supabase.co" crossorigin />
    <link rel="dns-prefetch" href="https://www.googletagmanager.com" />
    <link rel="dns-prefetch" href="https://fonts.googleapis.com" />
    <link rel="dns-prefetch" href="https://fonts.gstatic.com" />

    <!-- Preload critical font files -->
    <link rel="preload" as="font" type="font/woff2" href="/fonts/rP2Yp2ywxg089UriI5-g4vlH9VoD8Cmcqbu0-K4.woff2" crossorigin />
    <link rel="preload" as="font" type="font/woff2" href="/fonts/nuFiD-vYSZviVYUb_rj3ij__anPXDTzYgA.woff2" crossorigin />

    <!-- Preload LCP image — mobile-first -->
    <link rel="preload" as="image" type="image/webp" href="/images/hero-brasil-600.webp" fetchpriority="high" media="(max-width: 640px)" />
    <link rel="preload" as="image" type="image/webp" href="/images/hero-brasil-1600.webp" fetchpriority="high" media="(min-width: 641px)" />

    <!-- Critical CSS for header + hero LCP (inlined to avoid FOUC) -->
    <style>
      *,*::before,*::after{box-sizing:border-box;margin:0}
      body{font-family:'DM Sans',system-ui,sans-serif;-webkit-font-smoothing:antialiased;text-rendering:optimizeSpeed}
      header[role="banner"]{position:sticky;top:0;z-index:50;transition:all .3s}
      header[role="banner"] .container{max-width:80rem;margin:0 auto;padding:0 1rem}
      header[role="banner"] img{height:70px;width:auto}
      @media(min-width:768px){header[role="banner"] .container{padding:0 2rem}}
      .text-gradient-gold{background:linear-gradient(135deg,#d4a843,#e8c36a);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
      @font-face{font-family:'DM Sans';font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/rP2Yp2ywxg089UriI5-g4vlH9VoD8Cmcqbu0-K4.woff2) format('woff2')}
      @font-face{font-family:'Playfair Display';font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/nuFiD-vYSZviVYUb_rj3ij__anPXDTzYgA.woff2) format('woff2')}
    </style>

    <!-- Self-hosted fonts (async load) -->
    <link rel="stylesheet" href="/fonts/fonts.css" media="print" onload="this.media='all'" />

    <!-- Default OG (overridden by SEO component at runtime) -->
    <meta property="og:type" content="website" />
    <meta property="og:site_name" content="Made in Brasilis" />
    <meta property="og:locale" content="pt_BR" />
    <meta property="og:title" content="Made in Brasilis — Cultura, Cidades e Gastronomia do Brasil" />
    <meta property="og:description" content="Descubra o Brasil em sua essência. Seu guia completo de Cultura, Cidades e a Gastronomia que move o país." />
    <meta property="og:image" content="https://www.madeinbrasilis.com.br/images/og-default.jpg" />
    <meta property="og:image:width" content="1200" />
    <meta property="og:image:height" content="630" />
    <meta name="twitter:card" content="summary_large_image" />
    <meta name="twitter:title" content="Made in Brasilis — Cultura, Cidades e Gastronomia do Brasil" />
    <meta name="twitter:description" content="Descubra o Brasil em sua essência. Seu guia completo de Cultura, Cidades e a Gastronomia que move o país." />
    <meta name="twitter:image" content="https://www.madeinbrasilis.com.br/images/og-default.jpg" />
    <script type="module" crossorigin src="/assets/index-DZ5Q3jJy.js"></script>
    <link rel="modulepreload" crossorigin href="/assets/vendor-CnNqzbHA.js">
    <link rel="modulepreload" crossorigin href="/assets/supabase-D-vHfFRB.js">
    <link rel="modulepreload" crossorigin href="/assets/ui-BLg6SjMg.js">
    <link rel="stylesheet" crossorigin href="/assets/index-EKJqBws1.css">
  <link rel="manifest" href="/manifest.webmanifest"><script id="vite-plugin-pwa:register-sw" src="/registerSW.js" defer></script></head>
  <body>
    <div id="root"></div>
    <!-- Google Analytics (GA4) — deferred to end of body -->
    <script>
      window.dataLayer = window.dataLayer || [];
      function gtag(){dataLayer.push(arguments);}
      function __loadGA() {
        var s = document.createElement('script');
        s.src = 'https://www.googletagmanager.com/gtag/js?id=G-0PWME8LV8C';
        s.async = true;
        document.head.appendChild(s);
        gtag('js', new Date());
        gtag('config', 'G-0PWME8LV8C');
      }
      if ('requestIdleCallback' in window) {
        requestIdleCallback(__loadGA);
      } else {
        setTimeout(__loadGA, 2000);
      }
    </script>
  </body>
</html>
