diff --git a/src/server/views/pages/index.ejs b/src/server/views/pages/index.ejs
index d0baec9..6dd1407 100644
--- a/src/server/views/pages/index.ejs
+++ b/src/server/views/pages/index.ejs
@@ -63,14 +63,14 @@
   </div>
 </header>
 
-<div class="container mx-auto px-4 sm:px-6 lg:px-8 py-12 lg:py-16">
+<div class="mx-auto px-4 sm:px-6 lg:px-8 py-12 lg:py-16 max-w-[90rem]">
   <div class="flex min-h-screen flex-col">
 
-    <div class="mx-auto flex w-full max-w-6xl flex-1 flex-col gap-10 px-6 pb-16 lg:flex-row lg:px-10">
+    <div class="mx-auto flex w-full max-w-[90rem] flex-1 flex-col gap-10 px-0 md:px-6 pb-16 lg:flex-row lg:px-10">
       <%- await include('../partials/toc') %>
 
-      <main class="flex-1 min-w-0">
-        <div class="mx-auto flex w-full max-w-3xl flex-col gap-8">
+      <main class="flex-1 min-w-0 lg:max-w-4xl xl:max-w-5xl">
+        <div class="mx-auto flex w-full flex-col gap-8">
           <%- await include('../partials/sections/primeros-pasos') %>
           <%- await include('../partials/sections/comandos-basicos') %>
           <%- await include('../partials/sections/sistema-juego') %>
@@ -98,7 +98,7 @@
         </div>
       </main>
 
-      <aside class="w-full lg:w-80 xl:w-96 lg:sticky lg:top-24 lg:h-fit lg:self-start">
+      <aside class="w-full lg:w-80 xl:w-96 2xl:w-[28rem] lg:sticky lg:top-24 lg:h-fit lg:self-start">
         <%- await include('../partials/rightSidebar') %>
       </aside>
     </div>
diff --git a/src/server/views/partials/navbar.ejs b/src/server/views/partials/navbar.ejs
index e98f683..a81a205 100644
--- a/src/server/views/partials/navbar.ejs
+++ b/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>
diff --git a/src/server/views/partials/rightSidebar.ejs b/src/server/views/partials/rightSidebar.ejs
index cc03831..6a676ee 100644
--- a/src/server/views/partials/rightSidebar.ejs
+++ b/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">
diff --git a/src/server/views/partials/toc.ejs b/src/server/views/partials/toc.ejs
index 457bacb..e3068ba 100644
--- a/src/server/views/partials/toc.ejs
+++ b/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>