<!--
══════════════════════════════════════════════════════════════════════
 █████╗  ██████╗  █████╗ ██████╗ ███████╗███╗   ███╗██╗ █████╗
██╔══██╗██╔════╝ ██╔══██╗██╔══██╗██╔════╝████╗ ████║██║██╔══██╗
███████║██║  ███╗███████║██║  ██║█████╗  ██╔████╔██║██║███████║
██╔══██║██║   ██║██╔══██║██║  ██║██╔══╝  ██║╚██╔╝██║██║██╔══██║
██║  ██║╚██████╔╝██║  ██║██████╔╝███████╗██║ ╚═╝ ██║██║██║  ██║
╚═╝  ╚═╝ ╚═════╝ ╚═╝  ╚═╝╚═════╝ ╚══════╝╚═╝     ╚═╝╚═╝╚═╝  ╚═╝
══════════════════════════════════════════════════════════════════════

  A C A D E M I A   L I M B A™
  Educación · Idiomas · Cultura · Tecnología

  Plataforma oficial: LimbaPlus™
  https://limbaplus.academialimba.com

  © Academia Limba 2025–2026. Todos los derechos reservados.
  Este código forma parte de una plataforma privada y propietaria.

  ──────────────────────────────────────────────────────────────
  AVISO LEGAL, TÉCNICO Y DE MARCA
  ──────────────────────────────────────────────────────────────
  El acceso, uso, copia, reproducción, modificación o redistribución
  total o parcial de este código, diseño, estructura, arquitectura,
  flujos, lógica de negocio o experiencia de usuario, sin autorización
  expresa de ACADEMIA LIMBA™, está estrictamente prohibido.

  Este sistema incluye arquitectura técnica propietaria, flujos
  personalizados de autenticación y membresía, integraciones privadas,
  diseño UI/UX exclusivo, contenidos y metodologías desarrolladas
  internamente.

  Cualquier uso no autorizado podrá dar lugar a acciones legales
  conforme a la legislación nacional e internacional aplicable.

  ──────────────────────────────────────────────────────────────
  MULTILINGUAL NOTICE
  ──────────────────────────────────────────────────────────────

  EN: This website and its source code are protected by copyright.
      LIMBA™, LIMBAPLUS™ and ACADEMIA LIMBA™ are commercial designations
      used by Academia Limba. Unauthorized use is strictly prohibited.

  FR: Ce site et son code source sont protégés par le droit d’auteur.
      LIMBA™, LIMBAPLUS™ et ACADEMIA LIMBA™ sont des dénominations
      commerciales utilisées par Academia Limba. Toute utilisation non
      autorisée est strictement interdite.

  DE: Diese Website und ihr Quellcode sind urheberrechtlich geschützt.
      LIMBA™, LIMBAPLUS™ und ACADEMIA LIMBA™ sind geschäftliche
      Bezeichnungen von Academia Limba. Eine unbefugte Nutzung ist
      strengstens untersagt.

  IT: Questo sito web e il relativo codice sorgente sono protetti dal
      diritto d’autore. LIMBA™, LIMBAPLUS™ e ACADEMIA LIMBA™ sono
      denominazioni commerciali utilizzate da Academia Limba.
      Qualsiasi uso non autorizzato è severamente vietato.

  Sitio oficial:
  https://www.academialimba.com
  academialimba.com
  info.limba@academialimba.com

══════════════════════════════════════════════════════════════════════

██╗     ██╗███╗   ███╗██████╗  █████╗
██║     ██║████╗ ████║██╔══██╗██╔══██╗
██║     ██║██╔████╔██║██████╔╝███████║
██║     ██║██║╚██╔╝██║██╔══██╗██╔══██║
███████╗██║██║ ╚═╝ ██║██████╔╝██║  ██║
╚══════╝╚═╝╚═╝     ╚═╝╚═════╝ ╚═╝  ╚═╝

  LIMBA™ — Núcleo conceptual y tecnológico
  del ecosistema desarrollado por ACADEMIA LIMBA™

══════════════════════════════════════════════════════════════════════
-->
<!DOCTYPE html>
<html lang="es">
<head>
  <meta charset="UTF-8" />
  <title>LimbaPlus</title>

<link rel="icon" href="/favicon.ico" type="image/x-icon">

  <!-- VIEWPORT (PWA + RESPONSIVE) -->
  <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">

  <!-- PWA -->
  <link rel="manifest" href="/manifest.json">
  <meta name="theme-color" content="#1e3a8a">

  <!-- FUENTES -->
  <link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;600;700;800&display=swap" rel="stylesheet">

  <style>
    body {
      margin: 0;
      padding: 0;
      height: 100vh;
      display: flex;
      justify-content: center;
      align-items: center;
      background: linear-gradient(135deg, #0d47a1, #1976d2);
      font-family: 'Inter', sans-serif;
      color: white;
      overflow: hidden;
    }

    .container {
      text-align: center;
      animation: fadeIn 1.5s ease forwards;
      padding: 20px;
    }

    .logo {
      width: 160px;
      opacity: 0;
      animation: bounceIn 1.6s ease forwards;
      animation-fill-mode: forwards;
    }

    .title {
      font-size: 32px;
      font-weight: 700;
      margin-top: 20px;
      opacity: 0;
      animation: fadeUp 2s ease forwards;
      animation-fill-mode: forwards;
    }

    .subtitle {
      font-size: 18px;
      margin-top: 8px;
      opacity: 0;
      animation: fadeUp 2.4s ease forwards;
      animation-delay: .2s;
    }

    .btn-enter {
      margin-top: 40px;
      padding: 14px 34px;
      border-radius: 50px;
      border: none;
      font-size: 18px;
      font-weight: 600;
      cursor: pointer;
      background-color: white;
      color: #0d47a1;
      transition: 0.25s;
      opacity: 0;
      animation: fadeUp 2.6s ease forwards;
      animation-fill-mode: forwards;
    }

    .btn-enter:hover {
      background-color: #e3f2fd;
      transform: translateY(-3px);
    }

    @keyframes bounceIn {
      0% { transform: scale(0.4); opacity: 0; }
      60% { transform: scale(1.1); opacity: 1; }
      100% { transform: scale(1); opacity: 1; }
    }

    @keyframes fadeUp {
      0% { opacity: 0; transform: translateY(25px); }
      100% { opacity: 1; transform: translateY(0); }
    }

    @keyframes fadeIn {
      from { opacity: 0; }
      to { opacity: 1; }
    }

    /* MOBILE */
    @media (max-width: 480px) {
      .logo { width: 120px; }
      .title { font-size: 24px; }
      .subtitle { font-size: 15px; }
      .btn-enter { font-size: 16px; padding: 12px 26px; }
    }
  </style>
</head>

<body>

  <div class="container">
    <img src="/img/LogoLimba.png" class="logo" alt="LimbaPlus">

    <h1 class="title">Academia Limba</h1>
    <p class="subtitle">Plataforma oficial LimbaPlus</p>

    <button class="btn-enter" id="btnEntrar">Entrar</button>
  </div>

  <script>
    // LOGIN
    document.getElementById("btnEntrar").addEventListener("click", () => {
      window.location.href = "/login.html";
    });

    // ===============================
    // REGISTRO SERVICE WORKER (PWA)
    // ===============================
    if ("serviceWorker" in navigator) {
      window.addEventListener("load", () => {
        navigator.serviceWorker
          .register("/service-worker.js")
          .then(reg => console.log("✅ Service Worker registrado", reg.scope))
          .catch(err => console.error("❌ Error SW", err));
      });
    }
  </script>

</body>
</html>