turnero display_global: ajuste layout y tipografía

Centro 46→40%, izquierda 25→31%; fuentes centro -30%, lugar izq -10%.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
Lizandro Guarnizo
2026-07-09 15:53:52 -05:00
co-authored by Claude Sonnet 4.6
parent 1c3bd9868f
commit d2c1b58c2e
+8 -8
View File
@@ -108,7 +108,7 @@ $_hasVideo = (bool)$_tvVideo;
position: relative; position: relative;
} }
.pg-body.has-video { .pg-body.has-video {
grid-template-columns: 25% 46% 29%; grid-template-columns: 31% 40% 29%;
} }
@@ -123,13 +123,13 @@ $_hasVideo = (bool)$_tvVideo;
flex: 1; flex: 1;
} }
.turno-activo .label { .turno-activo .label {
font-size: clamp(1.1rem, 1.7vw, 1.3rem); font-size: clamp(.77rem, 1.19vw, .91rem);
font-weight: 700; text-transform: uppercase; letter-spacing: 4px; font-weight: 700; text-transform: uppercase; letter-spacing: 4px;
color: #94a3b8; color: #94a3b8;
margin-bottom: .2rem; margin-bottom: .2rem;
} }
.turno-activo .codigo { .turno-activo .codigo {
font-size: clamp(3rem, 13vw, 9rem); font-size: clamp(2.1rem, 9.1vw, 6.3rem);
font-weight: 900; line-height: 1; font-weight: 900; line-height: 1;
letter-spacing: -4px; letter-spacing: -4px;
color: var(--brand); color: var(--brand);
@@ -160,24 +160,24 @@ $_hasVideo = (bool)$_tvVideo;
100% { transform: translate(-50%, -50%) scale(.75); opacity: .15; } 100% { transform: translate(-50%, -50%) scale(.75); opacity: .15; }
} }
.turno-activo .lugar-label { .turno-activo .lugar-label {
font-size: clamp(1.5rem, 3vw, 2.5rem); font-size: clamp(1.05rem, 2.1vw, 1.75rem);
font-weight: 600; font-weight: 600;
color: #94a3b8; color: #94a3b8;
margin-top: .3rem; margin-top: .3rem;
} }
.turno-activo .lugar-nombre { .turno-activo .lugar-nombre {
font-size: clamp(1rem, 8vw, 6rem); font-size: clamp(.7rem, 5.6vw, 4.2rem);
font-weight: 800; font-weight: 800;
color: #1e293b; color: #1e293b;
margin-top: .1rem; margin-top: .1rem;
} }
.turno-activo .pac-nombre { .turno-activo .pac-nombre {
font-size: clamp(2.65rem, 3.6vw, 2.95rem); font-size: clamp(1.86rem, 2.52vw, 2.07rem);
color: #64748b; color: #64748b;
margin-top: .3rem; margin-top: .3rem;
} }
.turno-activo .sin-turno { .turno-activo .sin-turno {
font-size: clamp(1.45rem, 2.8vw, 2.05rem); font-size: clamp(1.02rem, 1.96vw, 1.44rem);
color: #cbd5e1; color: #cbd5e1;
} }
@@ -228,7 +228,7 @@ $_hasVideo = (bool)$_tvVideo;
} }
.ul-item .ul-cod { font-weight: 800; font-size: 2.9rem; line-height: 1; } .ul-item .ul-cod { font-weight: 800; font-size: 2.9rem; line-height: 1; }
.ul-item .ul-dest { .ul-item .ul-dest {
font-size: 2.68rem; font-weight: 700; color: #1e293b; font-size: 2.41rem; font-weight: 700; color: #1e293b;
white-space: nowrap; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
line-height: 1.1; line-height: 1.1;
} }