banner mejor colocado

src/templates/_cabecera.html

@@ -23,12 +23,19 @@
             font-size: 14px;
             border-bottom: 3px solid #d32f2f;
             box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
-            position: sticky;
+            position: fixed;
             top: 0;
-            z-index: 9999;
+            left: 0;
+            right: 0;
+            z-index: 9998;
             animation: pulse-debug 2s infinite;
         }
 
+        /* Ajustar body cuando hay debug banner */
+        body.has-debug-banner {
+            padding-top: 50px;
+        }
+
         @keyframes pulse-debug {
             0%, 100% {
                 opacity: 1;

src/templates/base.html

@@ -3,7 +3,7 @@
 
 {% include "_cabecera.html" %}
 
-<body>
+<body {% if debug %}class="has-debug-banner"{% endif %}>
     {% if debug %}
     <div class="debug-banner">
         <i class="bi bi-exclamation-triangle-fill"></i>