turnero display_global: ajuste grid y tipografía segunda pasada
Grid 40/36/24%, fuentes izq -15%, fuentes centro -10%. Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
co-authored by
Claude Sonnet 4.6
parent
4135e74d84
commit
bec08cf600
@@ -108,7 +108,7 @@ $_hasVideo = (bool)$_tvVideo;
|
||||
position: relative;
|
||||
}
|
||||
.pg-body.has-video {
|
||||
grid-template-columns: 31% 40% 29%;
|
||||
grid-template-columns: 40% 36% 24%;
|
||||
}
|
||||
|
||||
|
||||
@@ -123,13 +123,13 @@ $_hasVideo = (bool)$_tvVideo;
|
||||
flex: 1;
|
||||
}
|
||||
.turno-activo .label {
|
||||
font-size: clamp(.77rem, 1.19vw, .91rem);
|
||||
font-size: clamp(.69rem, 1.07vw, .82rem);
|
||||
font-weight: 700; text-transform: uppercase; letter-spacing: 4px;
|
||||
color: #94a3b8;
|
||||
margin-bottom: .2rem;
|
||||
}
|
||||
.turno-activo .codigo {
|
||||
font-size: clamp(2.1rem, 9.1vw, 6.3rem);
|
||||
font-size: clamp(1.89rem, 8.19vw, 5.67rem);
|
||||
font-weight: 900; line-height: 1;
|
||||
letter-spacing: -4px;
|
||||
color: var(--brand);
|
||||
@@ -160,24 +160,24 @@ $_hasVideo = (bool)$_tvVideo;
|
||||
100% { transform: translate(-50%, -50%) scale(.75); opacity: .15; }
|
||||
}
|
||||
.turno-activo .lugar-label {
|
||||
font-size: clamp(1.05rem, 2.1vw, 1.75rem);
|
||||
font-size: clamp(.95rem, 1.89vw, 1.58rem);
|
||||
font-weight: 600;
|
||||
color: #94a3b8;
|
||||
margin-top: .3rem;
|
||||
}
|
||||
.turno-activo .lugar-nombre {
|
||||
font-size: clamp(.7rem, 5.6vw, 4.2rem);
|
||||
font-size: clamp(.63rem, 5.04vw, 3.78rem);
|
||||
font-weight: 800;
|
||||
color: #1e293b;
|
||||
margin-top: .1rem;
|
||||
}
|
||||
.turno-activo .pac-nombre {
|
||||
font-size: clamp(1.86rem, 2.52vw, 2.07rem);
|
||||
font-size: clamp(1.67rem, 2.27vw, 1.86rem);
|
||||
color: #64748b;
|
||||
margin-top: .3rem;
|
||||
}
|
||||
.turno-activo .sin-turno {
|
||||
font-size: clamp(1.02rem, 1.96vw, 1.44rem);
|
||||
font-size: clamp(.92rem, 1.76vw, 1.30rem);
|
||||
color: #cbd5e1;
|
||||
}
|
||||
|
||||
@@ -226,9 +226,9 @@ $_hasVideo = (bool)$_tvVideo;
|
||||
border-left-color: rgba(255,255,255,.4);
|
||||
color: #fff;
|
||||
}
|
||||
.ul-item .ul-cod { font-weight: 800; font-size: 2.9rem; line-height: 1; }
|
||||
.ul-item .ul-cod { font-weight: 800; font-size: 2.47rem; line-height: 1; }
|
||||
.ul-item .ul-dest {
|
||||
font-size: 2.41rem; font-weight: 700; color: #1e293b;
|
||||
font-size: 2.05rem; font-weight: 700; color: #1e293b;
|
||||
white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
|
||||
line-height: 1.1;
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user