<!doctype html>
<html lang="es">
  <head>
    <meta charset="utf-8" />
    <link rel="icon" id="favicon" href="/favicon.ico" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <meta name="theme-color" content="#000000" />
    <meta
      name="description"
      content="Ecosistema Tecnológico de Puntos de Ventas."
    />
    <link rel="apple-touch-icon" href="/logo192.png" />
    <link rel="stylesheet" href="/preload.css" />
    <!--
      manifest.json provides metadata used when your web app is installed on a
      user's mobile device or desktop. See https://developers.google.com/web/fundamentals/web-app-manifest/
    -->
    <link rel="manifest" href="/manifest.json" />
    <!--
      Notice the use of %PUBLIC_URL% in the tags above.
      It will be replaced with the URL of the `public` folder during the build.
      Only files inside the `public` folder can be referenced from the HTML.

      Unlike "/favicon.ico" or "favicon.ico", "%PUBLIC_URL%/favicon.ico" will
      work correctly both with client-side routing and a non-root public URL.
      Learn how to configure a non-root public URL by running `npm run build`.
    -->
    <title id="title">TECOPOS</title>
    <script type="module" crossorigin src="/assets/index-Bca4O2JL.js"></script>
    <link rel="stylesheet" crossorigin href="/assets/index-BL8nbAbH.css">
  <script id="vite-plugin-pwa:inline-sw">if('serviceWorker' in navigator) {window.addEventListener('load', () => {navigator.serviceWorker.register('/sw.js', { scope: '/' })})}</script></head>
  <!-- Google tag (gtag.js) -->
  <script
    async
    src="https://www.googletagmanager.com/gtag/js?id=G-KYK2FPZ661"
  ></script>
  <script>
    window.dataLayer = window.dataLayer || []
    function gtag() {
      dataLayer.push(arguments)
    }
    gtag('js', new Date())

    gtag('config', 'G-KYK2FPZ661')
  </script>
  <script
    src="https://cdnjs.cloudflare.com/ajax/libs/flatpickr/4.6.9/flatpickr.min.js"
    defer
  ></script>
  <script
    src="https://cdn.jsdelivr.net/gh/alpinejs/alpine@v2.x.x/dist/alpine.js"
    defer
  ></script>

  <body class="bg-gray-100">
    <div id="root">
      <div class="flex h-screen items-center justify-center">
        <div
          class="relative grid h-20 w-20 grid-cols-2 grid-rows-2 gap-3 shadow-inner"
        >
          <div class="h-10 w-10 bg-black text-white"></div>
          <div class="h-10 w-10 bg-black text-white"></div>
          <div class="h-10 w-10 bg-black text-white"></div>
          <div class="h-10 w-10 rounded-full bg-orange-600"></div>
          <div
            class="absolute h-11 w-11 animate-[logo_1s_linear_infinite_normal] bg-white opacity-40"
          ></div>
        </div>
      </div>
    </div>
  </body>
</html>
