<!doctype html>
<html lang="es">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0, viewport-fit=cover" />

    <!-- SEO Meta Tags - Se actualizarán dinámicamente por Vue -->
    <title>Dinámica Ferretera - Herramientas y Suministros Industriales</title>
    <meta name="preload-title" content="Dinámica Ferretera - Herramientas y Suministros Industriales" />
    <meta name="description" content="Dinámica en Línea es la plataforma B2B exclusiva para clientes de Dinámica, diseñada para facilitar la compra de productos Truper de forma rápida y eficiente. Consulta precios especiales, haz pedidos en línea, revisa el estatus de tus órdenes (en tránsito, entregado, cancelado, etc.), accede a promociones exclusivas y descarga facturas en ZIP o PDF. Ideal para ferreterías y distribuidores que buscan eficiencia, control y atención personalizada en sus compras."
    />
    <meta name="keywords" content="ferretería, pedidos Truper en línea, catálogo Truper distribuidores, construcción, precios Truper distribuidores, promociones exclusivas Truper"
    />
    <meta name="author" content="Dinámica Ferretera" />
    <meta name="robots" content="index, follow" />
    <meta name="language" content="es-MX" />
    <meta name="revisit-after" content="7 days" />

    <!-- Open Graph / Facebook -->
    <meta property="og:type" content="website" />
    <meta property="og:title" content="Dinámica Ferretera - Herramientas y Suministros Industriales"
    />
    <meta property="og:description" content="Dinámica en Línea es la plataforma B2B exclusiva para clientes de Dinámica, diseñada para facilitar la compra de productos Truper de forma rápida y eficiente. Consulta precios especiales, haz pedidos en línea, revisa el estatus de tus órdenes (en tránsito, entregado, cancelado, etc.), accede a promociones exclusivas y descarga facturas en ZIP o PDF. Ideal para ferreterías y distribuidores que buscan eficiencia, control y atención personalizada en sus compras."
    />
    <meta property="og:image" content="https://dinamicaenlinea.com/favicons/dinamica/android-icon-192x192.png?v=1771975599074">
    <meta property="og:image:width" content="192">
    <meta property="og:image:height" content="192">
    <meta property="og:image:type" content="image/png" />
    <meta property="og:url" content="https://dinamicaenlinea.com" />
    <meta property="og:site_name" content="Dinámica Ferretera" />
    <meta property="og:locale" content="es_MX" />

    <!-- Twitter Card -->
    <meta name="twitter:card" content="summary_large_image" />
    <meta name="twitter:title" content="Dinámica Ferretera - Herramientas y Suministros Industriales"
    />
    <meta name="twitter:description" content="Dinámica en Línea es la plataforma B2B exclusiva para clientes de Dinámica, diseñada para facilitar la compra de productos Truper de forma rápida y eficiente. Consulta precios especiales, haz pedidos en línea, revisa el estatus de tus órdenes (en tránsito, entregado, cancelado, etc.), accede a promociones exclusivas y descarga facturas en ZIP o PDF. Ideal para ferreterías y distribuidores que buscan eficiencia, control y atención personalizada en sus compras."
    />
    <meta name="twitter:image" content="https://dinamicaenlinea.com/favicons/dinamica/android-icon-192x192.png?v=1771975599074" />
    <meta name="twitter:site" content="@dinamicaferretera" />

    <!-- PWA Meta Tags -->
    <meta name="theme-color" content="#f37021" />
    <meta name="msapplication-TileColor" content="#f37021" />
    <meta name="msapplication-config" content="/browserconfig.xml" />
    <meta name="application-name" content="Dinámica Ferretera" />
    <meta name="apple-mobile-web-app-title" content="Dinámica Ferretera" />
    <meta name="apple-mobile-web-app-capable" content="yes" />
    <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />

    <!-- Favicons - Múltiples tamaños para mejor compatibilidad -->
    <link rel="icon" type="image/x-icon" href="/favicons/dinamica/favicon.ico" />
    <link rel="icon" type="image/png" sizes="16x16" href="/favicons/dinamica/default-16x16.png" />
    <link rel="icon" type="image/png" sizes="32x32" href="/favicons/dinamica/default-32x32.png" />
    <link rel="icon" type="image/png" sizes="48x48" href="/favicons/dinamica/default-48x48.png" />

    <!-- Apple Touch Icons -->
    <link rel="apple-touch-icon" sizes="57x57" href="/favicons/dinamica/apple-touch-icon-57x57.png" />
    <link rel="apple-touch-icon" sizes="60x60" href="/favicons/dinamica/apple-touch-icon-60x60.png" />
    <link rel="apple-touch-icon" sizes="72x72" href="/favicons/dinamica/apple-touch-icon-72x72.png" />
    <link rel="apple-touch-icon" sizes="76x76" href="/favicons/dinamica/apple-touch-icon-76x76.png" />
    <link rel="apple-touch-icon" sizes="114x114" href="/favicons/dinamica/apple-touch-icon-114x114.png" />
    <link rel="apple-touch-icon" sizes="120x120" href="/favicons/dinamica/apple-touch-icon-120x120.png" />
    <link rel="apple-touch-icon" sizes="144x144" href="/favicons/dinamica/apple-touch-icon-144x144.png" />
    <link rel="apple-touch-icon" sizes="152x152" href="/favicons/dinamica/apple-touch-icon-152x152.png" />
    <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png" />

    <!-- Android Chrome Icons -->
    <link rel="icon" type="image/png" sizes="192x192" href="/android-chrome-192x192.png" />
    <link rel="icon" type="image/png" sizes="512x512" href="/android-chrome-512x512.png" />

    <!-- Manifest -->
    <link rel="manifest" href="/site.webmanifest" />

    <!-- Canonical URL - Se actualizará dinámicamente -->
    <link rel="canonical" href="https://dinamicaenlinea.com" />

    <!-- Preconnect para performance -->
    <link rel="preconnect" href="https://fonts.googleapis.com" />
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
    <link rel="dns-prefetch" href="https://www.google-analytics.com" />

    <!-- Fonts optimizados -->
    <link
      href="https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap"
      rel="stylesheet"
    />
    <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto" />
    <link
      href="https://fonts.googleapis.com/css2?family=Roboto:wght@500&display=swap"
      rel="stylesheet"
    />

    <!-- JSON-LD Structured Data -->
    <script type="application/ld+json">
      {
        "@context": "https://schema.org",
        "@type": "Organization",
        "name": "Dinámica Ferretera",
        "url": "https://dinamicaenlinea.com",
        "logo": "https://dinamicaenlinea.com/favicons/dinamica/android-icon-192x192.png",
        "description": "Dinámica en Línea es la plataforma B2B exclusiva para clientes de Dinámica, diseñada para facilitar la compra de productos Truper de forma rápida y eficiente. Consulta precios especiales, haz pedidos en línea, revisa el estatus de tus órdenes (en tránsito, entregado, cancelado, etc.), accede a promociones exclusivas y descarga facturas en ZIP o PDF. Ideal para ferreterías y distribuidores que buscan eficiencia, control y atención personalizada en sus compras.",
        "address": {
          "@type": "PostalAddress",
          "addressCountry": "MX",
          "addressLocality": "Monterrey",
          "addressRegion": "Nuevo León"
        },
        "contactPoint": {
          "@type": "ContactPoint",
          "telephone": "+52-81-8374-4343",
          "contactType": "customer service",
          "availableLanguage": "Spanish"
        }
      }
    </script>

    <script type="application/ld+json">
      {
        "@context": "https://schema.org",
        "@type": "WebSite",
        "name": "Dinámica Ferretera",
        "url": "https://dinamicaenlinea.com",
        "potentialAction": {
          "@type": "SearchAction",
          "target": "https://dinamicaenlinea.com/search?q={search_term_string}",
          "query-input": "required name=search_term_string"
        }
      }
    </script>
    <script type="module" crossorigin src="/js/index-5b0af044.js"></script>
    <link rel="modulepreload" crossorigin href="/js/chart-46929584.js">
    <link rel="modulepreload" crossorigin href="/js/vue-30b1c4ef.js">
    <link rel="modulepreload" crossorigin href="/js/vendor-55aa36d0.js">
    <link rel="modulepreload" crossorigin href="/js/bootstrap-b4cab5e4.js">
    <link rel="modulepreload" crossorigin href="/js/firebase-7bd1204f.js">
    <link rel="modulepreload" crossorigin href="/js/axios-20bb9aea.js">
    <link rel="modulepreload" crossorigin href="/js/fortawesome-88c6d2c9.js">
    <link rel="modulepreload" crossorigin href="/js/vue-fontawesome-4510df97.js">
    <link rel="modulepreload" crossorigin href="/js/solid-svg-icons-f38f833e.js">
    <link rel="modulepreload" crossorigin href="/js/free-regular-svg-icons-d7a10f36.js">
    <link rel="modulepreload" crossorigin href="/js/free-brands-svg-icons-20ad4cbd.js">
    <link rel="modulepreload" crossorigin href="/js/v-calendar-401284b6.js">
    <link rel="stylesheet" href="/css/vue-23985481.css">
    <link rel="stylesheet" href="/css/v-calendar-27e32dbf.css">
    <link rel="stylesheet" href="/css/index-f3a0a02a.css">
  <link rel="manifest" href="/manifest.webmanifest"><script id="vite-plugin-pwa:register-sw" src="/registerSW.js"></script></head>
  <body>
    <div id="app"></div>
    
  </body>
</html>
