<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1" />
    
    <!-- Nutrir-IA Favicon -->
    <link rel="icon" type="image/png" sizes="32x32" href="/favicon.png">
    <link rel="icon" type="image/x-icon" href="/favicon.ico">
    <link rel="shortcut icon" href="/favicon.ico">
    <link rel="apple-touch-icon" sizes="180x180" href="/favicon.png">
    
    <!-- SEO Meta Tags -->
    <title>Nutrir-IA - Transforma tu vida con IA nutricional personalizada</title>
    <meta name="description" content="Únete a cientos de personas que ya cambiaron sus hábitos de alimentación con Nutrir-IA. Guías premium y consultas nutricionales con profesionales.">
    
    <!-- Performance optimizations - Preload critical resources -->
    <link rel="preload" href="data:application/octet-stream;base64,aW1wb3J0IHsgY3JlYXRlUm9vdCB9IGZyb20gInJlYWN0LWRvbS9jbGllbnQiOwppbXBvcnQgQXBwIGZyb20gIi4vQXBwIjsKaW1wb3J0ICIuL2luZGV4LmNzcyI7CmltcG9ydCB7IHJlZ2lzdGVyU2VydmljZVdvcmtlciB9IGZyb20gIi4vbGliL3JlZ2lzdGVyU2VydmljZVdvcmtlciI7CgpjcmVhdGVSb290KGRvY3VtZW50LmdldEVsZW1lbnRCeUlkKCJyb290IikhKS5yZW5kZXIoPEFwcCAvPik7CgovLyBSZWdpc3RlciBzZXJ2aWNlIHdvcmtlciBhZnRlciBhcHAgcmVuZGVycyAocHJvZHVjdGlvbiBvbmx5KQpyZWdpc3RlclNlcnZpY2VXb3JrZXIoKTsK" as="script" crossorigin />
    
    <!-- DNS prefetch and preconnect for external resources -->
    <link rel="dns-prefetch" href="//api.stripe.com" />
    <link rel="dns-prefetch" href="//js.stripe.com" />
    <link rel="preconnect" href="https://js.stripe.com" crossorigin>
    <link rel="preconnect" href="https://api.stripe.com" crossorigin>
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap" rel="stylesheet">
    
    <!-- Progressive Web App hints -->
    <meta name="theme-color" content="#059669" />
    <meta name="color-scheme" content="light dark" />
    <link rel="manifest" href="/manifest.webmanifest" />
    <meta name="mobile-web-app-capable" content="yes" />
    <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="Nutrir-IA" />
    <script type="module" crossorigin src="/assets/index-BW6oz_jk.js"></script>
    <link rel="stylesheet" crossorigin href="/assets/index-BCUVT56H.css">
  </head>
  <body>
    <div id="root"></div>
    <!-- This is a replit script which adds a banner on the top of the page when opened in development mode outside the replit environment -->
    <script type="text/javascript" src="https://replit.com/public/js/replit-dev-banner.js"></script>
  </body>
</html>