Pantallas TV: caja cuadrada para el video, que es cuadrado

El material del reel es cuadrado, pero la caja ocupaba todo el alto de una
columna angosta. Con object-fit:cover eso significa recortar: del cuadrado
solo quedaba visible una franja vertical del centro, y se perdían los bordes
—que es justo donde suele ir el logo o el texto de una pieza publicitaria.

Ahora la caja es cuadrada (aspect-ratio 1/1) y se centra en su columna, así
que la pieza entra completa. cover se conserva: sobre una caja cuadrada con
material cuadrado no recorta nada, y si algún día suben algo de otra
proporción, lo encuadra en vez de deformarlo.

Mismo arreglo en display.php, que tiene su propio panel de video por ?video=
con el mismo defecto.

Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>

modules/turnero/views/display_global.php

@@ -240,16 +240,25 @@ $_hasVideo = (bool)$_tvPlaylist;
         }
         .ul-item.activo .ul-dest { color: rgba(255,255,255,.85); }
 
-        /* ── Video reel ── */
+        /* ── Video reel ──
+           El material es cuadrado. Antes la caja ocupaba todo el alto de una
+           columna angosta y, con object-fit:cover, del cuadrado solo se veía
+           una franja vertical del centro: se perdían los bordes del video.
+           Ahora la caja es cuadrada y se centra, así entra completo. */
         .reel-wrap {
             display: none;
             height: 100%;
             overflow: hidden;
             padding: 8px 8px 8px 0;
+            align-items: center;
+            justify-content: center;
         }
-        .reel-wrap.has-video { display: block; }
+        .reel-wrap.has-video { display: flex; }
         .reel-wrap .reel-inner {
-            width: 100%; height: 100%;
+            width: 100%;
+            height: auto;
+            aspect-ratio: 1 / 1;
+            max-height: 100%;
             border-radius: 16px;
             overflow: hidden;
             box-shadow: -8px 0 30px rgba(0,0,0,.08);