Update display_global.php

modules/turnero/views/display_global.php

@@ -131,20 +131,15 @@ $_hasVideo  = (bool)$_tvVideo;
             color: rgba(255,255,255,.15);
         }
 
-        /* ── Video reel (esquina inferior derecha) ── */
+        /* ── Video reel (columna derecha, alto completo) ── */
+        .pg-body.has-video {
+            grid-template-columns: 1fr 220px;
+        }
         .reel-wrap {
-            position: fixed;
-            bottom: 80px;
-            right: 24px;
-            width: 160px;
-            height: 284px;
-            border-radius: 16px;
-            overflow: hidden;
-            box-shadow: 0 8px 32px rgba(0,0,0,.5);
-            border: 2px solid rgba(255,255,255,.1);
-            z-index: 100;
-            background: #000;
             display: none;
+            overflow: hidden;
+            background: #000;
+            border-left: 1px solid rgba(255,255,255,.06);
         }
         .reel-wrap.has-video { display: block; }
         .reel-wrap video {
@@ -298,6 +293,11 @@ $_hasVideo  = (bool)$_tvVideo;
             <div class="lugar-nombre" id="lugar-nombre">—</div>
             <div class="pac-nombre" id="pac-nombre"></div>
         </div>
+        <div class="reel-wrap <?= $_hasVideo ? 'has-video' : '' ?>" id="reel-wrap">
+            <video autoplay muted loop playsinline>
+                <source src="<?= htmlspecialchars($_tvVideo) ?>">
+            </video>
+        </div>
     </div>
 
     <div class="pg-cola" id="pg-cola">
@@ -307,12 +307,6 @@ $_hasVideo  = (bool)$_tvVideo;
     </div>
 </div>
 
-<div class="reel-wrap <?= $_hasVideo ? 'has-video' : '' ?>" id="reel-wrap">
-    <video autoplay muted loop playsinline>
-        <source src="<?= htmlspecialchars($_tvVideo) ?>">
-    </video>
-</div>
-
 <footer class="pg-footer">
     <div class="stat-item"><div class="val" id="st-espera">—</div><div class="lbl">Espera</div></div>
     <div class="stat-sep"></div>