/* Panel de Valens (22-Oct-2026, pedido del usuario): «letras más grandes en el PC,
   más negras, las blancas más blancas, todo más legible». Solo para Valens. */

/* Tinta más oscura y grises más firmes (se leían lavados). */
:root{
  --t-tinta:#12091A;
  --t-tinta-suave:#3F3448;
}
body{font-weight:500;-webkit-font-smoothing:antialiased}
.lbl{color:#1E1428;font-size:12.5px;font-weight:700}
.pista,small.pista{color:#3F3448}
.inp{color:#12091A;font-weight:500}
.inp::placeholder{color:#7A7083;font-weight:400}

/* Menú lateral: blanco puro y sin transparencias. */
.side,.nav button,.canales button{color:#fff}
.nav button{font-weight:600}
.nav button .pt{opacity:.8}
.canales button{opacity:.85}
.side .pie,.side .pie button{color:#E8DDF0}

/* 🖥️ En el computador todo un 15% más grande. El zoom multiplica también las
   alturas «de pantalla» (100vh), así que esas se dividen por el mismo factor:
   si no, el botón Cobrar y el final del menú quedan fuera de la pantalla. */
@media (min-width:1100px){
  :root{--z:1.15}
  body{zoom:var(--z)}
  body,.app{min-height:calc(100vh / var(--z))}
  .side{height:calc(100vh / var(--z))}
  .pos{height:calc(var(--pos-alto-z, 100vh) / var(--z) - 120px) !important}
}