body.pos #barra { position: relative; z-index: 1045; }
body.pos .id-linea {
  background: var(--barra-fondo); color: var(--barra-ink); flex: none;
  height: calc(var(--barra-alto) + env(safe-area-inset-top, 0px));
  padding: env(safe-area-inset-top, 0px) var(--ex-safe-r) 0 var(--ex-safe-l);
}
body.pos .id-linea .marca { align-self: center; color: var(--barra-ink); flex: none; }
body.pos .id-linea .pos-logo { height: 30px; }
body.pos #barra .pos-logo-claro { display: none; }
body.pos #barra .pos-logo-oscuro { display: block; }
body.pos .id-linea .marca-comercio { color: var(--barra-ink); font-size: var(--ex-fs-base); letter-spacing: .04em; }

body.pos .nav-pos { flex: 1 1 0; min-width: 0; position: relative; display: flex; align-items: stretch; }
body.pos .nav-lista { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: nowrap; align-items: stretch; gap: var(--ex-sp-2); }
body.pos .nav-item, body.pos .nav-mas { flex: none; position: relative; list-style: none; display: flex; align-items: stretch; }

body.pos .nav-sec {
  display: inline-flex; align-items: center; gap: var(--ex-sp-8); min-height: var(--ex-h-item); padding: 0 var(--ex-sp-16); white-space: nowrap;
  border: 0; border-radius: 0; background: transparent; color: var(--ex-ink); box-shadow: none;
  font-weight: 600; font-size: var(--ex-fs-base); text-decoration: none; cursor: pointer;
}
body.pos .nav-sec i { font-size: var(--ex-fs-xl); color: var(--ex-ink-2); }
body.pos .nav-sec .nav-caret { font-size: var(--ex-fs-base); margin-left: -2px; }
body.pos .nav-sec.disabled { opacity: .5; cursor: not-allowed; }

body.pos .id-linea .nav-lista > li > .nav-sec,
body.pos .id-linea .cajero-btn {
  height: 100%; min-height: 0; color: var(--barra-ink-2); border-bottom: 3px solid transparent; padding-top: 3px;
}
body.pos .id-linea .nav-lista > li > .nav-sec i,
body.pos .id-linea .cajero-btn i { color: var(--barra-ink-2); }
body.pos .id-linea .nav-lista > li > .nav-sec:hover,
body.pos .id-linea .cajero-btn:hover { background: var(--barra-hover); color: var(--barra-ink); }
body.pos .id-linea .nav-lista > li > .nav-sec:hover i,
body.pos .id-linea .cajero-btn:hover i { color: var(--barra-ink); }
body.pos .id-linea .nav-lista > li > .nav-sec[aria-current="page"],
body.pos .id-linea .nav-lista > li > .nav-sec.activa,
body.pos .id-linea .nav-lista > li > .nav-sec[aria-expanded="true"],
body.pos .id-linea .cajero-btn[aria-expanded="true"] {
  background: var(--barra-activa); color: var(--barra-ink); border-bottom-color: var(--ex-marca);
}
body.pos .id-linea .nav-lista > li > .nav-sec[aria-current="page"] i,
body.pos .id-linea .nav-lista > li > .nav-sec.activa i,
body.pos .id-linea .nav-lista > li > .nav-sec[aria-expanded="true"] i,
body.pos .id-linea .cajero-btn[aria-expanded="true"] i { color: var(--barra-ink); }

body.pos .nav-desplegable {
  --ex-bd: 1px solid var(--ex-line);
  --ex-bd-soft: 1px solid var(--ex-line-soft);
  --ex-sh-flotante: 0 16px 40px var(--ex-sombra);
  position: absolute; z-index: 1045; top: 100%; left: 0; min-width: 240px; margin: 0; padding: var(--ex-sp-6); list-style: none;
  display: flex; flex-direction: column; gap: var(--ex-sp-2);
  background: var(--ex-surface); color: var(--ex-ink); border: var(--ex-bd); border-top: 0; border-radius: 0 0 var(--ex-r-md) var(--ex-r-md); box-shadow: var(--ex-sh-flotante);
}
body.pos .nav-desplegable.derecha { left: auto; right: 0; }
body.pos .nav-desplegable li { list-style: none; }
body.pos .nav-desplegable .nav-sec { width: 100%; min-height: var(--ex-h-item); border-radius: var(--ex-r-btn); justify-content: flex-start; color: var(--ex-ink); font-weight: 600; }
body.pos .nav-desplegable .nav-sec i { color: var(--ex-ink-2); }
body.pos .nav-desplegable .nav-sec:hover { background: var(--ex-marca-soft); color: var(--ex-ink); }
body.pos .nav-desplegable .nav-sec[aria-current="page"] { background: var(--ex-marca-soft); color: var(--ex-marca-hi); box-shadow: var(--ex-sel-lado); }
body.pos .nav-desplegable .nav-sec[aria-current="page"] i { color: var(--ex-marca-hi); }
body.pos .nav-desplegable form { margin: 0; }
body.pos .nav-desplegable .nav-item { display: block; }
body.pos .nav-desplegable .nav-grupo > .nav-sec .nav-caret { margin-left: auto; }
body.pos .nav-desplegable .nav-grupo > .nav-desplegable { position: static; min-width: 0; padding: var(--ex-sp-2) 0 var(--ex-sp-2) var(--ex-sp-16); border: 0; border-radius: 0; box-shadow: none; background: transparent; }
body.pos .cajero-ambito { padding: var(--ex-sp-4) var(--ex-sp-4) var(--ex-sp-8); border-bottom: var(--ex-bd-soft); margin-bottom: var(--ex-sp-4); }
body.pos .cajero-ambito .etq { padding: var(--ex-sp-2) var(--ex-sp-4) var(--ex-sp-6); }
body.pos .pos-ambito { max-width: 260px; min-width: 0; }
body.pos .pos-ambito > .btn { max-width: 260px; }
body.pos .cajero-ambito .pos-ambito, body.pos .cajero-ambito .pos-ambito > .btn { max-width: none; width: 100%; }

body.pos .nav-pos ~ .espaciador { display: none; }

body.pos .bar-meta {
  align-self: center; display: flex; align-items: center; justify-content: flex-end; gap: 0 var(--ex-sp-6); flex: 0 1 auto; min-width: 0; max-width: 34vw;
  color: rgba(255, 255, 255, .62); font-size: var(--ex-fs-sm); line-height: 1.15; white-space: nowrap; overflow: hidden;
}
body.pos .bar-meta:empty { display: none; }
body.pos .bar-meta .meta { color: inherit; font-size: inherit; min-width: 0; overflow: hidden; text-overflow: ellipsis; display: block; }
body.pos .bar-meta .meta + .meta::before { content: "\00b7"; display: inline-block; margin-right: var(--ex-sp-6); }
body.pos .bar-meta .pildora { font-size: var(--ex-fs-2xs); padding: 3px var(--ex-sp-8); flex: none; }

body.pos .cajero-menu { position: relative; flex: none; display: flex; align-items: stretch; }
body.pos .cajero-nombre { max-width: 180px; overflow: hidden; text-overflow: ellipsis; }

body.pos .sub-linea { display: flex; flex-direction: column; gap: var(--ex-sp-8); min-width: 0; padding-left: var(--ex-safe-l); padding-right: var(--ex-safe-r); }
body.pos .sub-linea:not(:has(*)) { display: none; }

body.pos .bloqueo-icono { font-size: 3.4rem; color: var(--ex-marca-hi); line-height: 1; }
body.pos .bloqueo-acciones { display: flex; flex-wrap: wrap; justify-content: center; gap: var(--ex-sp-10); }

@media (max-width: 899px) {
  body.pos .bar-meta { display: none; }
}
@media (max-width: 699px) {
  body.pos .id-linea .nav-lista > li > .nav-sec, body.pos .id-linea .cajero-btn { padding-left: var(--ex-sp-12); padding-right: var(--ex-sp-12); }
  body.pos .cajero-btn .nav-caret { display: none; }
  body.pos .nav-desplegable { min-width: min(260px, 86vw); }
  body.pos .marca-comercio { display: none; }
  body.pos .id-linea .pos-logo { height: 26px; }
}