feat: ajustar el diseño de la página principal y mejorar la estructura de los componentes EJS

src/server/views/partials/navbar.ejs

@@ -1,5 +1,5 @@
 <nav class="fixed inset-x-0 top-0 z-50 border-b border-white/10 bg-slate-950/70 backdrop-blur">
-  <div class="mx-auto max-w-6xl px-4 sm:px-6 lg:px-8 h-14 flex items-center justify-between">
+  <div class="mx-auto max-w-[90rem] px-4 sm:px-6 lg:px-8 h-14 flex items-center justify-between">
     <a href="#" class="text-white font-bold tracking-wide"><%= appName %></a>
     <div class="hidden md:flex items-center gap-4 text-sm">
       <a href="#primeros-pasos" class="text-slate-300 hover:text-white">Guía</a>

src/server/views/partials/rightSidebar.ejs

@@ -1,4 +1,4 @@
-<div class="space-y-6">
+<div class="space-y-6 xl:space-y-8">
   <!-- Ko-fi card -->
   <div class="rounded-2xl border border-white/10 bg-slate-900/70 shadow-2xl shadow-indigo-500/10 overflow-hidden">
     <div class="p-4 border-b border-white/10">

src/server/views/partials/toc.ejs

@@ -1,4 +1,4 @@
-<nav id="toc" class="w-full max-w-xs rounded-3xl border border-white/10 bg-slate-900/80 text-left shadow-2xl shadow-indigo-500/20 lg:sticky lg:top-24 lg:block lg:max-h-[calc(100vh-6rem)] lg:w-74 lg:overflow-y-auto">
+<nav id="toc" class="w-full max-w-sm rounded-3xl border border-white/10 bg-slate-900/80 text-left shadow-2xl shadow-indigo-500/20 lg:sticky lg:top-24 lg:block lg:max-h-[calc(100vh-6rem)] lg:w-80 lg:overflow-y-auto">
   <div class="text-xs p-6 font-semibold uppercase tracking-[0.3em] text-slate-400">
     Índice de Contenidos
   </div>