/* =========================================================================
   CORRECCIÓN GLOBAL DE ESCALA (para compensar 80% vs 100% de zoom)
   - Aplica una escala del 80% a toda la UI
   - Compatible con Chrome/Edge (zoom) y fallback para Firefox/Safari (transform)
   - No afecta impresión
   ========================================================================= */

:root {
  --ui-scale: 0.8; /* 80% */
}

/* Navegadores con soporte de 'zoom' (Chrome, Edge) */
html {
  zoom: var(--ui-scale);
}

/* Fallback para navegadores sin 'zoom' (Firefox, Safari) */
@supports not (zoom: 1) {
  body {
    transform: scale(var(--ui-scale));
    transform-origin: top left;
    width: calc(100% / var(--ui-scale));
    min-height: calc(100vh / var(--ui-scale));
    overflow-x: hidden;
  }
}

/* Evitar que afecte a impresión */
@media print {
  html { zoom: 1; }
  @supports not (zoom: 1) {
    body { transform: none; width: 100%; }
  }
}
