<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />

<!-- Google Tag Manager -->
<script>
    (function (w, d, s, l, i) {
        w[l] = w[l] || []; w[l].push({
            'gtm.start':
                new Date().getTime(), event: 'gtm.js'
        }); var f = d.getElementsByTagName(s)[0],
            j = d.createElement(s), dl = l != 'dataLayer' ? '&l=' + l : ''; j.async = true; j.src =
                'https://www.googletagmanager.com/gtm.js?id=' + i + dl; f.parentNode.insertBefore(j, f);
    })(window, document, 'script', 'dataLayer', '@ViewBag.GTMId');
</script>
<!-- End Google Tag Manager -->
<!-- SEO Meta Tags -->
<title>@ViewBag.Title</title>
<meta name="description" content="@ViewBag.Description" />
<meta name="keywords" content="@ViewBag.Keywords" />
<meta name="author" content="@ViewBag.Author" />
<meta name="robots" content="index, follow" />
<link rel="canonical" href="@ViewBag.CanonicalUrl" />

<!-- Open Graph Meta Tags -->
<meta property="og:type" content="website" />
<meta property="og:title" content="@ViewBag.OgTitle" />
<meta property="og:description" content="@ViewBag.OgDescription" />
<meta property="og:image" content="@ViewBag.OgImage" />
<meta property="og:url" content="@ViewBag.CanonicalUrl" />
<meta property="og:site_name" content="@ViewBag.SiteName" />
<meta property="og:locale" content="@ViewBag.OgLocale" />

<!-- Twitter Card Meta Tags -->
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:title" content="@ViewBag.OgTitle" />
<meta name="twitter:description" content="@ViewBag.OgDescription" />
<meta name="twitter:image" content="@ViewBag.OgImage" />
<meta name="twitter:site" content="@ViewBag.TwitterHandle" />

<!-- Language alternatives (hreflang) -->
<link rel="alternate" hreflang="pt" href="@ViewBag.PtUrl" />
<link rel="alternate" hreflang="en" href="@ViewBag.EnUrl" />
<link rel="alternate" hreflang="es" href="@ViewBag.EsUrl" />
<link rel="alternate" hreflang="x-default" href="@ViewBag.DefaultUrl" />

<!-- Favicon -->
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
<link rel="manifest" href="/site.webmanifest">

<!-- Bootstrap CSS -->
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet"
      integrity="sha384-T3c6CoIi6uLrA9TneNEoa7RxnatzjcDSCmG1MXxSR1GAsXEV/Dwwykc2MPK8M2HN"
      crossorigin="anonymous">

<!-- Font Awesome -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">

<!-- AOS Animation CSS -->
<link href="https://unpkg.com/aos@2.3.1/dist/aos.css" rel="stylesheet">

<!-- Custom CSS -->
<link rel="stylesheet" href="~/css/site.css" asp-append-version="true" />

<!-- Preconnect to external domains -->
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>

<!-- Google Fonts -->
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap" rel="stylesheet">