diff --git a/nuxt4/app/components/WindowTitleBar.vue b/nuxt4/app/components/WindowTitleBar.vue
index 8b75abf..b3ea8dc 100644
--- a/nuxt4/app/components/WindowTitleBar.vue
+++ b/nuxt4/app/components/WindowTitleBar.vue
@@ -46,21 +46,21 @@ onMounted(() => {
   z-index: 9999;
   /* Completamente transparente con patrón sutil */
   background: transparent;
-  /* Patrón de puntos muy sutil para indicar área arrastrable */
+  /* Patrón de puntos más visible en modo light para indicar área arrastrable */
   background-image:
     repeating-linear-gradient(
       90deg,
       transparent,
       transparent 8px,
-      rgba(128, 128, 128, 0.03) 8px,
-      rgba(128, 128, 128, 0.03) 9px
+      rgba(128, 128, 128, 0.08) 8px,
+      rgba(128, 128, 128, 0.08) 9px
     ),
     repeating-linear-gradient(
       0deg,
       transparent,
       transparent 8px,
-      rgba(128, 128, 128, 0.03) 8px,
-      rgba(128, 128, 128, 0.03) 9px
+      rgba(128, 128, 128, 0.08) 8px,
+      rgba(128, 128, 128, 0.08) 9px
     );
   /* Esta propiedad permite arrastrar la ventana */
   -webkit-app-region: drag;
@@ -72,6 +72,8 @@ onMounted(() => {
   transition: all 0.3s ease;
   /* Bloquear interacción con elementos debajo */
   pointer-events: auto;
+  /* Eliminar cualquier margen o gap */
+  margin: 0;
 }
 
 .titlebar-content {
@@ -146,4 +148,15 @@ onMounted(() => {
 .window-titlebar ~ * {
   padding-top: env(titlebar-area-height, 0px);
 }
+
+/* Eliminar gap entre body y barra de título */
+body {
+  margin: 0 !important;
+  padding: 0 !important;
+}
+
+html {
+  margin: 0 !important;
+  padding: 0 !important;
+}
 </style>