<!DOCTYPE html>
<html>
<head>
  <!--
    If you are serving your web app in a path other than the root, change the
    href value below to reflect the base path you are serving from.

    The path provided below has to start and end with a slash "/" in order for
    it to work correctly.

    For more details:
    * https://developer.mozilla.org/en-US/docs/Web/HTML/Element/base

    This is a placeholder for base href that will be replaced by the value of
    the `--base-href` argument provided to `flutter build`.
  -->
  <base href="/">

  <meta charset="UTF-8">
  <meta content="IE=Edge" http-equiv="X-UA-Compatible">
  <meta name="description" content="Sistema de Gestión Tributaria — Alcaldía del Municipio Federación">

  <!-- iOS meta tags & icons -->
  <meta name="mobile-web-app-capable" content="yes">
  <meta name="apple-mobile-web-app-status-bar-style" content="black">
  <meta name="apple-mobile-web-app-title" content="Alcaldía Federación">
  <link rel="apple-touch-icon" href="icons/Icon-192.png">

  <!-- Favicon -->
  <link rel="icon" type="image/png" href="favicon.png"/>

  <title>Alcaldía Federación</title>
  <link rel="manifest" href="manifest.json">

  <!-- Splash de arranque: Flutter web tarda unos segundos en descargar y
       compilar el bundle; sin esto el visitante ve una página en blanco y
       asume que el sitio está caído. Se desvanece con 'flutter-first-frame'.
       Fondo oscuro fijo: el app arranca en modo oscuro por defecto. -->
  <style>
    #boot-splash {
      position: fixed;
      inset: 0;
      z-index: 9999;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      gap: 28px;
      background: #0E1516;
      transition: opacity 0.35s ease;
    }
    #boot-splash img {
      width: min(220px, 55vw);
      height: auto;
    }
    #boot-splash .bar {
      width: min(220px, 55vw);
      height: 3px;
      border-radius: 2px;
      overflow: hidden;
      background: rgba(255, 255, 255, 0.12);
    }
    #boot-splash .bar span {
      display: block;
      height: 100%;
      width: 40%;
      border-radius: 2px;
      background: linear-gradient(90deg, #1E3FD8, #12AEE0);
      animation: boot-sweep 1.2s ease-in-out infinite;
    }
    #boot-splash p {
      margin: 0;
      font-family: system-ui, sans-serif;
      font-size: 13px;
      letter-spacing: 0.4px;
      color: rgba(255, 255, 255, 0.65);
    }
    @keyframes boot-sweep {
      0%   { transform: translateX(-100%); }
      100% { transform: translateX(250%); }
    }
    @media (prefers-reduced-motion: reduce) {
      #boot-splash .bar span { animation: none; width: 100%; }
    }
  </style>
</head>
<body>
  <div id="boot-splash">
    <img src="assets/assets/images/logo_alcaldia_blanco.png"
         alt="Alcaldía Bolivariana del Municipio Federación">
    <div class="bar"><span></span></div>
    <p>Cargando el portal&hellip;</p>
  </div>
  <script>
    window.addEventListener('flutter-first-frame', function () {
      var splash = document.getElementById('boot-splash');
      if (!splash) return;
      splash.style.opacity = '0';
      setTimeout(function () { splash.remove(); }, 400);
    });
  </script>
  <!--
    You can customize the "flutter_bootstrap.js" script.
    This is useful to provide a custom configuration to the Flutter loader
    or to give the user feedback during the initialization process.

    For more details:
    * https://docs.flutter.dev/platform-integration/web/initialization
  -->
  <script src="flutter_bootstrap.js" async></script>
</body>
</html>
