diff --git a/crates/apps/gioser-web/index.html b/crates/apps/gioser-web/index.html
index 9254583..b3de887 100644
--- a/crates/apps/gioser-web/index.html
+++ b/crates/apps/gioser-web/index.html
@@ -4,7 +4,7 @@
   <meta charset="utf-8">
   <meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
   <title>GioSer · En el centro, el ser</title>
-  <link rel="stylesheet" href="./styles.css">
+  <link rel="stylesheet" href="/styles.css">
   <link rel="preconnect" href="https://fonts.googleapis.com">
   <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
   <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Cinzel:wght@500;700&family=Inter:wght@300;500;600&family=JetBrains+Mono:wght@400;600&display=swap">
@@ -14,7 +14,7 @@
 
   <main id="tips" aria-label="Cuatro cardinales">
     <!-- NORTE (aire): SOFTWARE · Tecnología — circuito + nodos -->
-    <a id="tip-aire" class="tip tip-aire" href="#aire" data-md="./md/aire.md" aria-label="Software · Tecnología">
+    <a id="tip-aire" class="tip tip-aire" href="#aire" data-md="/md/aire.md" aria-label="Software · Tecnología">
       <svg viewBox="0 0 48 48" class="tip-glyph" aria-hidden="true">
         <rect x="18" y="18" width="12" height="12" fill="none" stroke="currentColor" stroke-width="1.7" rx="1"/>
         <circle cx="24" cy="24" r="2" fill="currentColor"/>
@@ -32,7 +32,7 @@
     </a>
 
     <!-- ESTE (fuego): QUIÉN SOY · Bitácora — libro abierto -->
-    <a id="tip-fuego" class="tip tip-fuego" href="#fuego" data-md="./md/fuego.md" aria-label="Quién Soy · Bitácora">
+    <a id="tip-fuego" class="tip tip-fuego" href="#fuego" data-md="/md/fuego.md" aria-label="Quién Soy · Bitácora">
       <svg viewBox="0 0 48 48" class="tip-glyph" aria-hidden="true">
         <path d="M8 14 L24 18 L40 14 V36 L24 32 L8 36 Z"
               fill="none" stroke="currentColor" stroke-width="1.7" stroke-linejoin="round"/>
@@ -45,7 +45,7 @@
     </a>
 
     <!-- SUR (tierra): MANIFIESTO · Invariantes — hexagrama + círculo -->
-    <a id="tip-tierra" class="tip tip-tierra" href="#tierra" data-md="./md/tierra.md" aria-label="Manifiesto · Invariantes">
+    <a id="tip-tierra" class="tip tip-tierra" href="#tierra" data-md="/md/tierra.md" aria-label="Manifiesto · Invariantes">
       <svg viewBox="0 0 48 48" class="tip-glyph" aria-hidden="true">
         <circle cx="24" cy="24" r="18" fill="none" stroke="currentColor" stroke-width="1.4" opacity="0.55"/>
         <path d="M24 8 L39 32 L9 32 Z" fill="none" stroke="currentColor" stroke-width="1.7" stroke-linejoin="round"/>
@@ -57,7 +57,7 @@
     </a>
 
     <!-- OESTE (agua): MÍSTICA · Espiritualidad — ojo en triángulo -->
-    <a id="tip-agua" class="tip tip-agua" href="#agua" data-md="./md/agua.md" aria-label="Mística · Espiritualidad">
+    <a id="tip-agua" class="tip tip-agua" href="#agua" data-md="/md/agua.md" aria-label="Mística · Espiritualidad">
       <svg viewBox="0 0 48 48" class="tip-glyph" aria-hidden="true">
         <path d="M24 6 L42 40 L6 40 Z" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linejoin="round"/>
         <path d="M13 26 Q24 16 35 26 Q24 34 13 26 Z" fill="none" stroke="currentColor" stroke-width="1.7" stroke-linejoin="round"/>
@@ -100,7 +100,7 @@
   </nav>
 
   <script type="module">
-    import init from "./pkg/gioser_web.js";
+    import init from "/pkg/gioser_web.js";
     init().catch(err => {
       console.error(err);
       document.body.insertAdjacentHTML("beforeend",