/* 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; }
/* Inicio tiene 4 tarjetas: de a 2 por fila en pantalla ancha (en 4 columnas las cifras grandes se salen de la tarjeta); en el teléfono, una */
@media (min-width: 640px) { .indicadores { grid-template-columns: repeat(2, minmax(0, 1fr)); } }

/* campos de un formulario en fila (compras, impuestos): NO usar `.rejilla`, que en control.css es la banda negra de cifras */
.campos-en-fila { display: grid; grid-template-columns: repeat(auto-fit, minmax(13rem, 1fr)); gap: 0 24px; align-items: start; }

/* 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; }

/* el indicador de las reglas de la contraseña: una línea por regla, sin viñetas (el color es del `.estado` del diseñador) */
.requisitos { list-style: none; margin: 0 0 16px; padding: 0; display: grid; gap: 4px; }