diff --git a/modules/turnero/views/display_global.php b/modules/turnero/views/display_global.php
index 0c36db1..dd23e42 100644
--- a/modules/turnero/views/display_global.php
+++ b/modules/turnero/views/display_global.php
@@ -101,12 +101,14 @@ $_hasVideo = (bool)$_tvVideo;
/* ── Main body ── */
.pg-body {
- display: flex;
- align-items: center;
- justify-content: center;
+ display: grid;
+ grid-template-columns: 1fr;
overflow: hidden;
position: relative;
}
+ .pg-body.has-video {
+ grid-template-columns: 1fr auto;
+ }
/* ── Turno activo (centro) ── */
@@ -154,22 +156,22 @@ $_hasVideo = (bool)$_tvVideo;
color: #cbd5e1;
}
- /* ── Video reel flotante (9:16, alto completo) ── */
+ /* ── Video reel (9:16, alto completo, columna derecha) ── */
.reel-wrap {
display: none;
- position: absolute;
- right: 40px;
- top: 50%;
- transform: translateY(-50%);
- height: calc(100% - 60px);
+ height: 100%;
aspect-ratio: 9 / 16;
- border-radius: 20px;
overflow: hidden;
background: #000;
- box-shadow: 0 20px 60px rgba(0,0,0,.15), 0 0 0 1px rgba(255,255,255,.08);
- z-index: 10;
+ padding: 8px 8px 8px 0;
}
.reel-wrap.has-video { display: block; }
+ .reel-wrap .reel-inner {
+ width: 100%; height: 100%;
+ border-radius: 16px;
+ overflow: hidden;
+ box-shadow: -8px 0 30px rgba(0,0,0,.08);
+ }
.reel-wrap video {
width: 100%; height: 100%;
object-fit: cover;
@@ -282,9 +284,6 @@ $_hasVideo = (bool)$_tvVideo;
}
.stat-sep { width: 1px; height: 18px; background: #e2e8f0; }
- @media (min-width: 1200px) {
- .reel-wrap { width: 200px; height: 356px; }
- }
@@ -334,9 +333,11 @@ $_hasVideo = (bool)$_tvVideo;