/* Tablero que se muestra en el TV. El tamaño de letra lo calcula board-render.js según el ancho disponible. */
.board{width:100%;height:100%;overflow:hidden;position:relative;
  background:var(--b-bg);color:var(--b-fg);display:-webkit-box;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;font-size:16px}
/* Encabezado: logo + nombre a la izquierda, QR a la derecha */
.board .bHead{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:space-between;justify-content:space-between;padding:1.4em 2.2em .7em;-webkit-flex-shrink:0;flex-shrink:0}
.board .bBrand{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;min-width:0;-webkit-flex:1 1 auto;flex:1 1 auto}
.board .bLogo{height:5em;max-width:16em;width:auto;object-fit:contain;display:block;-webkit-flex-shrink:0;flex-shrink:0;margin-right:1.2em}
.board .bTitles{min-width:0}
.board .bName{font-family:var(--b-display);font-size:3.1em;line-height:.95;margin:0;color:var(--b-title);text-wrap:balance;overflow-wrap:break-word;word-wrap:break-word}
.board .bTag{font-family:var(--b-body);font-size:1.05em;opacity:.8;margin:.3em 0 0}
.board .bQr{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-flex-shrink:0;flex-shrink:0;margin-left:2em;background:#fff;color:#151515;padding:.45em;border-radius:.5em;font-family:var(--b-body)}
.board .bQr img{display:block;width:6.6em;height:6.6em;object-fit:contain;image-rendering:pixelated}
.board .bQr span{display:block;max-width:8.5em;margin:0 .7em 0 .4em;font-size:.95em;line-height:1.2;font-weight:700;text-align:right}
.board .bNotice{margin:.2em 2.2em .2em;padding:.45em .9em;font-family:var(--b-body);font-size:1.15em;background:var(--b-notice-bg);color:var(--b-notice-fg);border-radius:var(--b-radius);-webkit-flex-shrink:0;flex-shrink:0}
/* Cuerpo: columnas del menú, con todo el ancho */
.board .bBody{-webkit-flex:1 1 auto;flex:1 1 auto;min-height:0;padding:1em 2.2em .4em;-webkit-column-gap:2.4em;-moz-column-gap:2.4em;column-gap:2.4em;-webkit-column-fill:balance;column-fill:balance;overflow:hidden}
.board .bCat{margin:0 0 1.3em}
.board.keep-cats .bCat{-webkit-column-break-inside:avoid;break-inside:avoid;page-break-inside:avoid;display:block}
.board .bKeep{-webkit-column-break-inside:avoid;break-inside:avoid;page-break-inside:avoid;display:inline-block;width:100%}
.board .bCat h3{font-family:var(--b-display);font-size:1.85em;line-height:1.05;margin:0 0 .45em;color:var(--b-cat);letter-spacing:var(--b-cat-ls,0);text-transform:var(--b-cat-tt,none);border-bottom:var(--b-rule);padding-bottom:.15em;overflow-wrap:break-word;word-wrap:break-word}
.board .bItem{margin:0 0 .7em;-webkit-column-break-inside:avoid;break-inside:avoid;page-break-inside:avoid}
.board .bKeep .bItem{margin-bottom:.7em}
.board .bLine{display:-webkit-flex;display:flex;-webkit-align-items:baseline;align-items:baseline;font-family:var(--b-body);font-size:1.2em}
/* El nombre puede ir en dos renglones pero nunca se achica por debajo de su palabra más larga ni pisa el precio */
.board .bItemName{font-weight:var(--b-item-w,700);-webkit-flex:0 1 auto;flex:0 1 auto;overflow-wrap:break-word;word-wrap:break-word}
.board .bItemName .bChip{margin-left:.5em;vertical-align:.15em;display:inline-block}
.board .bLeader{-webkit-flex:1 1 1em;flex:1 1 1em;border-bottom:.12em dotted var(--b-leader);-webkit-transform:translateY(-.25em);transform:translateY(-.25em);min-width:.8em;margin:0 .5em}
.board .bPrice{-webkit-flex-shrink:0;flex-shrink:0;font-family:var(--b-price);font-weight:700;color:var(--b-price-c);font-variant-numeric:tabular-nums;white-space:nowrap;font-size:1.1em}
.board .bDesc{font-family:var(--b-body);font-size:.9em;opacity:.75;margin:.1em 0 0;max-width:40em}
.board .bChip{font-family:var(--b-body);font-size:.65em;padding:.15em .55em;border-radius:1em;background:var(--b-chip-bg);color:var(--b-chip-fg);text-transform:uppercase;letter-spacing:.06em;white-space:nowrap;font-weight:700}
.board .bItem.sold .bItemName,.board .bItem.sold .bPrice{text-decoration:line-through;opacity:.5}
.board .bItem.sold .bChip{background:var(--b-sold-bg);color:var(--b-sold-fg)}
.board .bEmpty{font-family:var(--b-body);opacity:.6;font-size:1.3em;-webkit-column-span:all;column-span:all;text-align:center;padding-top:4em}
/* Pie: la hora, chiquita, abajo a la derecha */
.board .bFoot{-webkit-flex-shrink:0;flex-shrink:0;display:-webkit-flex;display:flex;-webkit-justify-content:flex-end;justify-content:flex-end;padding:0 2.2em 1em}
.board .bFoot.bFootEmpty{padding:0 0 1em}
.board .bClock{font-family:var(--b-body);font-size:1.25em;opacity:.7;font-variant-numeric:tabular-nums;white-space:nowrap}
/* Vertical: el encabezado puede pasar el QR a un segundo renglón */
.board.is-portrait .bHead{-webkit-flex-wrap:wrap;flex-wrap:wrap;padding:1.6em 1.8em .7em}
.board.is-portrait .bQr{margin:1em 0 0 auto}
.board.is-portrait .bBody{padding:1em 1.8em .4em}
.board.is-portrait .bNotice{margin-left:1.8em;margin-right:1.8em}
.board.is-portrait .bFoot{padding:0 1.8em 1.2em}

.board.t-pizarra{--b-bg:radial-gradient(ellipse at 30% 20%,#2f3d35 0%,#1d2622 70%);--b-fg:#eef0e8;--b-title:#f6f3e4;--b-cat:#f2d36b;--b-price-c:#9ee0c0;--b-leader:rgba(238,240,232,.35);
  --b-display:"Caveat","Comic Sans MS",cursive;--b-body:"Kalam","Comic Sans MS",cursive;--b-price:"Kalam",cursive;--b-rule:.08em solid rgba(242,211,107,.4);
  --b-notice-bg:rgba(255,255,255,.08);--b-notice-fg:#f6f3e4;--b-chip-bg:#f2d36b;--b-chip-fg:#1d2622;--b-sold-bg:#c9645a;--b-sold-fg:#fff;--b-radius:.3em;box-shadow:inset 0 0 0 1.1em #5b3d26,inset 0 0 0 1.3em #3c2818}
.board.t-pizarra .bName{font-size:3.6em}
.board.t-neon{--b-bg:#0c0a12;--b-fg:#e9e4f5;--b-title:#ff4fa3;--b-cat:#4ce1f2;--b-price-c:#ffd166;--b-leader:rgba(233,228,245,.2);
  --b-display:"Bebas Neue",Impact,"Arial Narrow",sans-serif;--b-body:"Barlow Condensed","Arial Narrow",sans-serif;--b-price:"Bebas Neue",Impact,sans-serif;--b-rule:none;--b-cat-ls:.06em;
  --b-notice-bg:#ff4fa3;--b-notice-fg:#0c0a12;--b-chip-bg:#4ce1f2;--b-chip-fg:#0c0a12;--b-sold-bg:#4a4458;--b-sold-fg:#e9e4f5;--b-radius:.2em;--b-item-w:600}
.board.t-neon .bName{text-shadow:0 0 .3em rgba(255,79,163,.6)}
.board.t-neon .bCat h3{text-shadow:0 0 .35em rgba(76,225,242,.55)}
.board.t-neon .bPrice{font-size:1.35em;font-weight:400}
.board.t-letrero{--b-bg:#fbfbf7;--b-fg:#151515;--b-title:#151515;--b-cat:#151515;--b-price-c:#151515;--b-leader:#151515;
  --b-display:"Archivo Black","Arial Black",sans-serif;--b-body:"Archivo",Arial,sans-serif;--b-price:"Archivo Black","Arial Black",sans-serif;--b-rule:.14em solid #151515;--b-cat-tt:uppercase;
  --b-notice-bg:#ffd400;--b-notice-fg:#151515;--b-chip-bg:#ffd400;--b-chip-fg:#151515;--b-sold-bg:#151515;--b-sold-fg:#fff;--b-radius:0;--b-item-w:600}
.board.t-letrero .bHead{border-bottom:.5em solid #ffd400;margin-bottom:.6em}