/* Escala de la PC de CDC Full Recovery (cdcfullrecovery.uy). La arma clientes/pwa_comun/armar_pwa.py; la enlaza el módulo de la app
   instalable en TODAS las páginas (portada, públicas, ingreso y panel), después de las hojas de la página.
   Pedido de Jorge (28/10/2026): con Chrome al 67 % se ve «a la distancia normal»; eso es lo que tiene que verse al 100 %.
   Igual que la escala de VetUy (vetuy/app/css/ajustes_3c1.css): zoom solo en la PC con mouse, de 1024 px para arriba.
     1024 a 1365 px -> 0,8 · 1366 a 1599 px -> 0,75 · 1600 px o más -> 0,67 (lo de Jorge en su PC de 1920 px).
   Sin cambios: en el celular y la tablet (menos de 1024 px, o sin mouse), al imprimir (solo «screen»), con «Letra
   grande» (CDC Hoy: <html data-letra="grande">) y en las páginas con gráficas (el módulo no enlaza esta hoja ahí: con
   zoom, Chart.js no encuentra la barra que está bajo el mouse).
   El zoom achica todo por igual (letra, logos, px fijos y anchos), como el zoom del navegador. Lo que mide la ventana
   (100vh) dentro de una página con zoom queda achicado también: se compensa en lo que tiene que llenar la pantalla
   (fondo de la página, ingreso, panel con lateral fija, el fondo oscuro de los cuadros que se abren). */
@media screen and (min-width: 1024px) and (hover: hover) and (pointer: fine) {
  html:not([data-letra="grande"]) { --escala-pc: .8; zoom: var(--escala-pc); }
  html:not([data-letra="grande"]) :is(body, .login-wrap, .login-seccion, .dashboard-layout, .auth-shell, .panel-shell) {
    min-height: calc(100vh / var(--escala-pc));
  }
  html:not([data-letra="grande"]) .panel-side { height: calc(100vh / var(--escala-pc)); }
  /* el fondo oscuro de los cuadros que se abren (Bootstrap: 100vw × 100vh) tiene que tapar toda la ventana */
  html:not([data-letra="grande"]) :is(.modal-backdrop, .offcanvas-backdrop) {
    width: calc(100vw / var(--escala-pc)); height: calc(100vh / var(--escala-pc));
  }
  /* CDC Hoy: la marca de agua del fondo, la tarjeta centrada y la hoja que se abre (medidas de la ventana) */
  html:not([data-letra="grande"]) .marca-agua {
    right: calc(-4vw / var(--escala-pc)); bottom: calc(-6vh / var(--escala-pc));
    height: min(calc(78vh / var(--escala-pc)), 760px);
  }
  html:not([data-letra="grande"]) .tarjeta.centro { margin-top: calc(6vh / var(--escala-pc)); }
  html:not([data-letra="grande"]) .hoja { top: calc(10vh / var(--escala-pc)); max-height: calc(85vh / var(--escala-pc)); }
}
@media screen and (min-width: 1366px) and (hover: hover) and (pointer: fine) {
  html:not([data-letra="grande"]) { --escala-pc: .75; }
}
@media screen and (min-width: 1600px) and (hover: hover) and (pointer: fine) {
  html:not([data-letra="grande"]) { --escala-pc: .67; }
}