<!DOCTYPE html>
<html lang="es" class="scroll-smooth">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title><%= title || `${appName} | Guía Completa` %></title>
  <meta name="description" content="Guía completa de Amayo Bot: comandos, minijuegos, economía, misiones, logros, creación de contenido y más">
  <script src="https://cdn.tailwindcss.com"></script>
  <!-- highlight.js (ligero y CDN) -->
  <link rel="preconnect" href="https://cdnjs.cloudflare.com" crossorigin>
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/styles/github-dark.min.css" crossorigin="anonymous" referrerpolicy="no-referrer" />
  <script defer src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/highlight.min.js" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
  
  <!-- Modern Pixel Art CSS -->
  <link rel="stylesheet" href="/assets/css/modern-pixel.css?v=<%= version || '2.0.0' %>">
  <link rel="stylesheet" href="/assets/css/modern-sections.css?v=<%= version || '2.0.0' %>">
  <link rel="stylesheet" href="/assets/css/styles.css?v=<%= version || '2.0.0' %>">
  <link rel="stylesheet" href="/assets/css/_fonts.css?v=<%= version || '2.0.0' %>">
  <% if (typeof head !== 'undefined' && head) { %>
    <%= head %>
  <% } %>
</head>
<body class="min-h-screen pixel-grid-bg pt-14" style="background-image: url('/assets/images/background.svg'); backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(10px); background-size: cover; background-position: center; background-attachment: fixed; background-repeat: no-repeat;">

  <% if (useDashboardNav) { %>
    <%# If the server pre-rendered the dashboard nav it will be available as dashboardNav (string) %>
    <% if (typeof dashboardNav !== 'undefined' && dashboardNav) { %>
      <%- dashboardNav %>
    <% } else { %>
      <%- await include('../partials/dashboard_nav') %>
    <% } %>
  <% } else if (!hideNavbar) { %>
    <% if (typeof navbar !== 'undefined' && navbar) { %>
      <%- navbar %>
    <% } else { %>
      <%- await include('../partials/navbar', { appName }) %>
    <% } %>
  <% } %>

  <div class="relative z-10">
    <%- body %>
  </div>

  

  <script src="/assets/js/main.js" type="module"></script>
  <script src="/assets/js/code.js" defer></script>
  <% if (typeof scripts !== 'undefined' && scripts) { %>
    <%= scripts %>
  <% } %>
</body>
</html>
