up

modules/turnero/views/kiosko.php

@@ -112,7 +112,9 @@ unset($p);
             height: 48px;
             max-width: 140px;
             object-fit: contain;
-            filter: brightness(0) invert(1);
+            background: #fff;
+            border-radius: 8px;
+            padding: 4px 6px;
         }
         .kiosko-topbar .logo-fallback {
             width: 46px; height: 46px;
@@ -137,6 +139,19 @@ unset($p);
             font-size: .8rem;
             font-weight: 600;
         }
+        .btn-fullscreen {
+            background: rgba(255,255,255,.15);
+            border: 1.5px solid rgba(255,255,255,.3);
+            color: #fff;
+            border-radius: 8px;
+            padding: 6px 10px;
+            font-size: 1rem;
+            cursor: pointer;
+            transition: background .15s;
+            flex-shrink: 0;
+            line-height: 1;
+        }
+        .btn-fullscreen:hover { background: rgba(255,255,255,.28); }
 
         /* ── Pantalla / paso ── */
         .screen {
@@ -351,6 +366,9 @@ unset($p);
     <?php endif; ?>
     <div class="lab-nombre"><?= $_kNombre ?></div>
     <div class="turno-badge"><i class="fas fa-ticket-alt me-1"></i>Turnero</div>
+    <button class="btn-fullscreen" id="btn-fs" onclick="toggleFullscreen()" title="Pantalla completa">
+        <i class="fas fa-expand" id="fs-icon"></i>
+    </button>
 </header>
 
 
@@ -518,6 +536,22 @@ unset($p);
 
     function setSpinner(on) { document.getElementById('spinner').classList.toggle('active', on); }
 
+    function toggleFullscreen() {
+        if (!document.fullscreenElement) {
+            document.documentElement.requestFullscreen().catch(() => {});
+        } else {
+            document.exitFullscreen().catch(() => {});
+        }
+    }
+    document.addEventListener('fullscreenchange', () => {
+        const icon = document.getElementById('fs-icon');
+        if (document.fullscreenElement) {
+            icon.classList.replace('fa-expand', 'fa-compress');
+        } else {
+            icon.classList.replace('fa-compress', 'fa-expand');
+        }
+    });
+
     function mostrarError(msg) {
         const el = document.getElementById('toast-error');
         el.textContent = msg;