/* baison_familias_web 18.0.1.0.0 (filas 429 y 393): el color y «Se usa con» en la ficha de una familia, en los dos
   sitios. Neutro a propósito: hereda la letra de cada sitio. La lista mide 44 px de alto (se toca con el dedo) y su letra
   16 px (con menos, el iPhone agranda la página al tocarla). */
/* Las dos piezas van junto al «Cotizar», que en las fichas de Odoo vive en una fila flex: ocupan la fila entera. */
.bfw-color, .bfw-juego { flex: 1 0 100%; }
.bfw-color { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 10px; margin: 0 0 12px; max-width: 100%; }
.bfw-color__etiqueta { font-weight: 600; margin: 0; }
.bfw-color__lista { min-height: 44px; max-width: 100%; padding: 6px 10px; border: 1px solid #c4cad0; border-radius: 6px;
  background: #fff; color: #1d2329; font-size: 16px; }
.bfw-color--uno { margin: 0 0 12px; font-weight: 600; }
.bfw-juego { margin: 16px 0; padding: 14px 16px; border: 1px solid #d6dce0; border-radius: 8px; background: #f6f8f9;
  max-width: 100%; }
.bfw-juego__titulo { font-size: 1.1rem; margin: 0 0 8px; }
.bfw-juego__lista { list-style: none; margin: 0; padding: 0; display: grid; gap: 8px; }
.bfw-juego__item { display: flex; flex-wrap: wrap; gap: 2px 10px; overflow-wrap: anywhere; }
.bfw-juego__dato { color: #4a545d; }
.bfw-juego__nota { margin: 10px 0 0; font-size: .9rem; color: #4a545d; }