tripmilhas.com

<!doctype html>
<!--
  🔴 `lang` NÃO é cosmético: era "en" num app 100% em português, e foi essa divergência que fez o
  Chrome traduzir a página sozinho (en->pt). O tradutor do Google troca text node por <font>, o
  React perde a referência do irmão e `insertBefore` estoura na fase de commit - o cartão "Algo deu
  errado ao carregar o site" que um assinante viu 6x em 14min em 17/08/2026. O cliente confirmou sem
  saber: relatou que o programa "Smiles" aparecia como "Sorrisos". Ver site/CLAUDE.md -> "Crash do
  cliente se denuncia sozinho".
-->
<html lang="pt-BR">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <!-- TODO: Set the document title to the name of your application -->
    <title>Viagem | tripmilhas</title>
    <meta name="description" content="A oportunidade de viagem certa para você" />
    <meta name="author" content="tripmilhas" />

    <!--
      🔴 O `?v=` NÃO é enfeite e não se remove. Este caminho não tem hash no nome, e o bloco por
      extensão do nginx serve .ico com `Cache-Control: immutable` de UM ANO. Em 03/09/2026 um
      favicon errado foi ao ar por 8 minutos e ficou preso no browser de quem visitou nesse
      intervalo: sem trocar a URL, deploy nenhum alcança essa pessoa, e recarregar não resolve
      porque favicon o browser guarda num cache à parte. ⚠️ A regra do nginx SEGUE ASSIM (bloco por
      extensão em /etc/nginx/sites-available/novo.tripmilhas.com.conf): enquanto ela não excluir os
      ícones do `immutable`, toda troca de ícone exige subir este `?v=`.
      O arquivo é o favicon histórico do site, `[tm]` preto sobre quadrado branco, 16/32/48.
    -->
    <link rel="icon" href="/favicon.ico?v=2" sizes="16x16 32x32 48x48" />

    <!--
      Fontes por <link>, não por `@import` no CSS (09/09/2026). O `@import` só é descoberto depois de o
      browser baixar o CSS principal, e a página não pinta até a folha externa chegar: 120 a 240 ms
      por folha, em toda página. Aqui o browser abre a conexão (`preconnect`) e pede as duas folhas
      em paralelo com o CSS. Mesmas URLs e o mesmo `display=swap` de antes; nada muda de aparência.
      ⚠️ São as ÚNICAS folhas externas do site: o CSS do Leaflet vem do pacote npm, no chunk do mapa.
    -->
    <link rel="preconnect" href="https://fonts.googleapis.com" />
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
    <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap" />
    <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Inconsolata:wght@400;700&display=swap" />

    <!-- TODO: Update og:title to match your application name -->
    <meta property="og:url" content="https://tripmilhas.com/" />
    <meta property="og:title" content="Viagem | tripmilhas" />
    <meta property="og:description" content="A oportunidade de viagem certa para você" />
    <meta property="og:type" content="website" />
    <meta property="og:image" content="https://static.wixstatic.com/media/737a3b_0090c08e21ee4207be4d2add60b317c1~mv2.jpg" />

    <meta name="twitter:card" content="summary_large_image" />
    <meta name="twitter:site" content="@tripmilhas" />
    <!--
      🔴 O Meta Pixel (894538716849101) e o GA4 NÃO ficam aqui, e isso é decisão, não esquecimento.
      Este app é SPA: o PageView do snippet da Meta roda uma vez só, na carga do
      documento e a navegação de `/plans` -> `/checkout` -> `/checkout/retorno` acontece sem
      recarregar página, então o funil inteiro ficaria invisível. E ID fixo aqui dispara em
      `npm run dev` também, misturando tráfego local com o do cliente.
      Os dois vivem em `src/lib/analytics.ts` e disparam POR ROTA em `components/ScrollToTop.tsx`.
      ⚠️ Colar o snippet aqui de novo faz a primeira tela contar duas vezes. `npm test` reprova.
    -->
    <meta name="twitter:image" content="https://static.wixstatic.com/media/737a3b_0090c08...