<!DOCTYPE html>
<html lang="es">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>LoboEat Cli</title>
  <link rel="icon" href="/web/Img/imgprov.png">
  <!-- Font Awesome -->
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css">
  <!-- Bootstrap CSS -->
  <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet"
    integrity="sha384-9ndCyUaIbzAi2FUVXJi0CjmCapSmO7SnpJef0486qhLnuZ2cdeRhO02iuK6FUUVM" crossorigin="anonymous">
  <!-- Roboto Font -->
  <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700&display=swap">
  <!-- Animate CSS -->
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css" />
  <!-- JQuery -->
  <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>


  <!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-Q1HP7K8E3H"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'G-Q1HP7K8E3H');
</script>
  <!-- End of Google Tag Manager -->
  
  <style>
    .loader {
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      display: flex;
      justify-content: center;
      align-items: center;
      z-index: 9999;
      background-color: rgba(255, 255, 255, 0.8);
      border-radius: 80px;
    }
    #logo{
      border-radius: 250px;
    }
  </style>
  <script>
    window.addEventListener('load', function() {
      // Ocultar el loader una vez que la página esté completamente cargada
      var loader = document.getElementById('loader');
      loader.style.display = 'none';
    });
  </script>
</head>

<body>
  <div id="loader" class="loader">
    <img id="logo" src="/web/Img/imgprov.png" alt="Logo">
    <svg class="background" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1440 320">
      <path fill="#a9d18e" fill-opacity="1"
        d="M0,96L40,106.7C80,117,160,139,240,144C320,149,400,139,480,122.7C560,107,640,85,720,112C800,139,880,213,960,213.3C1040,213,1120,139,1200,90.7C1280,43,1360,21,1400,10.7L1440,0L1440,320L1400,320C1360,320,1280,320,1200,320C1120,320,1040,320,960,320C880,320,800,320,720,320C640,320,560,320,480,320C400,320,320,320,240,320C160,320,80,320,40,320L0,320Z">
      </path>
    </svg>
  </div>
</body>

