/* Lo que la aplicación necesita y la hoja de la maqueta (app.css, que es la suya, byte a byte, y aquí no se toca) todavía no trae.
   Esta hoja es del servidor y va detrás de las dos de la maqueta.

   La banda del entorno de pruebas (anexo F, 2.5: arriba y abajo de todas las páginas de ese entorno). No es de la maqueta: es
   del servidor, como en sus otras páginas. */

/* ---- la banda del entorno de pruebas */
.banda-pruebas {
  display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 0.25rem 0.75rem; margin: 0; padding: 0.55rem var(--e-4);
  background: var(--tinta); color: #fff; font-size: var(--t-pequeno); font-weight: 500; text-align: center;
}
.banda-pruebas__version { font-variant-numeric: tabular-nums; }
.banda-pruebas__marca {
  padding: 0.1rem 0.7rem; border: 1px solid var(--azul-marca); border-radius: 999px; background: var(--azul-suave); color: var(--azul);
  font-weight: 700; letter-spacing: 0.04em; text-transform: uppercase;
}
@media (forced-colors: active) { .banda-pruebas { border: 2px solid CanvasText; } }
@media print { .banda-pruebas, .banda-pruebas__marca { -webkit-print-color-adjust: exact; print-color-adjust: exact; } }

/* ---- Mediciones (8r, la prueba a mano de Cowork; para la Web, que lo lleve a app.css): la unidad, en una línea («m2» no se
   parte); y con el chat abierto, la tabla no se estrecha por debajo de lo que necesita su resumen (a 1280 px salía letra a
   letra): se desplaza dentro de su recuadro. */
.tabla-partidas td.partida__ud { white-space: nowrap; }
.con-chat--abierto .tabla-envoltura { overflow-x: auto; }
.con-chat--abierto .tabla-partidas { min-width: 56rem; }

/* ---- Las preguntas (8r, la prueba a mano de Cowork; para la Web): «Elige una opción para seguir» salía arriba y empujaba las
   opciones, y el clic siguiente caía en otra. Sale al final del cuerpo, junto a «Continuar»: lo de arriba no se mueve. */
.pregunta__cuerpo > #sin-contestar { order: 1; }
/* El campo de «Explícamelo» en una pregunta medía unos 200 px: su cuerpo alinea al principio y el campo se encogía a lo que
   ocupa. Ocupa todo el ancho, como en la partida y en el chat. */
.explica__cuerpo > .chat__campo { align-self: stretch; }