/* Identidad Bistró1948 (referencia: bistro1948.com): blanco y negro, Sen en titulares, verde salvia #65bc7b para lo activo */
:root {
  --tinta: #141414;
  --muted: #676b72;
  --linea: #e2e2df;
  --borde: #e6e6e3;
  --fondo: #f6f6f4;
  --botella: #141414;
  --botella-2: #3d8a55;
  --laton: #3d8a55;
  --laton-claro: #c9e8d1;
  --verde-suave: #edf6f0;
  --salvia: #65bc7b;
  --tinto: #9b2c2c;
  --ok: #3d8a55;
  --display: "Sen", system-ui, sans-serif;
  --body: "Inter", system-ui, sans-serif;
  --marca: "Marcellus", Georgia, serif;
}
h1 { font-weight: 700; letter-spacing: -0.02em; }
h2 { font-weight: 700; }
.eyebrow { color: var(--laton); }

/* Logotipo: BISTRÓ 1948 */
.brand { gap: 0; }
.brand-word { display: block; font: 400 21px/1 var(--marca); letter-spacing: .06em; color: var(--tinta); white-space: nowrap; }
.brand-word b { font-weight: 400; letter-spacing: .02em; }
.brand small { display: block; margin-top: 5px; font: 500 10.5px var(--mono); letter-spacing: .14em; text-transform: uppercase; color: var(--muted); }
#nav a[aria-current="page"] { box-shadow: inset 3px 0 0 var(--salvia); }
#nav a .n { background: var(--verde-suave); color: var(--laton); }

/* Raíl de comandas en hierro, como las sillas de forja de El Espacio */
.rail { background: linear-gradient(#4a4a4a, #141414 60%, #000); }
.ticket::before { background: #bdbdbb; }

.btn { letter-spacing: .01em; }
.avatar { background: var(--tinta); }
.score { background: conic-gradient(var(--salvia) calc(var(--s) * 1%), #e6e6e3 0); }
.bar .fill { background: var(--salvia); }
.bar .fill.alt { background: var(--tinta); }
.fb-btn { background: var(--tinta); }
.fb-btn #fbCount:not(:empty) { background: var(--salvia); color: #fff; }

/* Documentos */
.pbrand { font: 400 20px var(--marca); letter-spacing: .06em; }
.pbrand b { font-weight: 400; }
.note { background: #f2f4f1; border-left-color: var(--salvia); }
.note.iso { background: var(--verde-suave); border-left-color: var(--laton); }
.viewer { background: #262626; }
.vbar { background: #121212; }
.tag-SOC { background: #efeeea; color: #3a3a3a; }
.tag-COR { background: var(--verde-suave); color: var(--laton); }