/* Solo DISPOSICIÓN: rejillas, ocultar e imprimir. Ningún color, borde, sombra ni tipografía: lo visual es de control.css (del diseñador) y no
   se inventa aquí (scripts/probar-contraste.mjs lo comprueba). Estas reglas solo acomodan las piezas del diseñador (la hoja en grande es su popover `.hoja-grande`). */

/* control.css da `display:grid` o `flex` a varios componentes y eso le gana al atributo `hidden` del navegador. */
[hidden] { display: none !important; }

/* varias cifras o tarjetas en una fila que baja sola en el teléfono */
.rejilla { display: grid; grid-template-columns: repeat(auto-fit, minmax(15rem, 1fr)); gap: 0 24px; }
.cifra { overflow-wrap: anywhere; }

/* el nombre de la empresa en la barra (al lado de las placas, siempre a la vista, también en el teléfono): no hay nada para cambiarla */
.barra .empresa { min-width: 0; overflow-wrap: anywhere; }
.empresa-entrada { overflow-wrap: anywhere; }

/* al imprimir, solo la hoja (la factura se imprime desde su iframe) */
@media print {
  .no-imprimir, .barra, .pestanas, #global { display: none !important; }
  main { padding: 0; max-width: none; }
}

.cifra { overflow-wrap: anywhere; }