/* Pantallas de Presupuestos (rediseño 22/10/2026): solo lo que no está en apps/shared/escala.css ni en styles.css (que NO se toca: lleva el documento de la paciente).
   Sin colores ni tamaños propios: el sistema visual los pone. */

/* En el celular, «Mi marca» muestra la vista previa primero y el formulario debajo, en una sola columna (lienzo, tablero 6). */
@media (max-width: 900px) {
  .marca-preview { order: -1; }
}

/* «Mostrando X de Y» no queda pegado a la tabla (se suma al hueco entre bloques). */
.es-tabla-caja + .es-detalle { margin-top: 8px; }

/* En el celular, los campos de color de «Mi marca» (selector + hex) no se cortan a la derecha: las dos columnas se pueden achicar. */
@media (max-width: 560px) {
  .color-row { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .color-ctl { min-width: 0; }
  .color-ctl input.hex { min-width: 0; width: 100%; }
}