/* El aviso del píxel (js/pixel.js): una fila delgada abajo. No puede tapar
   "Pedir ahora" ni la barra del carrito, y queda bajo fichas y cajones
   (z-index 200 y 300). */
.aviso-pixel {
  position: fixed;
  left: 8px;
  right: 8px;
  bottom: calc(8px + env(safe-area-inset-bottom));
  z-index: 96;
  display: flex;
  align-items: center;
  gap: 10px;
  max-width: 560px;
  margin: 0 auto;
  padding: 7px 8px 7px 12px;
  border: 1px solid rgba(255, 255, 255, .16);
  border-radius: 12px;
  background: #141414;
  color: #d8d8d8;
  font-family: 'Barlow', system-ui, sans-serif;
  font-size: 12px;
  line-height: 1.25;
}
.aviso-pixel p { flex: 1 1 auto; min-width: 0; margin: 0; }
.aviso-pixel a { color: #F5C518; white-space: nowrap; }
.aviso-pixel-botones { flex: 0 0 auto; display: flex; gap: 6px; }
.aviso-pixel button {
  min-height: 36px;
  padding: 0 11px;
  border-radius: 999px;
  font: 700 12px 'Barlow', system-ui, sans-serif;
  white-space: nowrap;
  cursor: pointer;
}
.aviso-pixel-no { border: 1px solid rgba(255, 255, 255, .34); background: transparent; color: #fff; }
.aviso-pixel-si { border: 1px solid #F5C518; background: #F5C518; color: #080808; }

/* Mientras el aviso está, la barra "Ver pedido" se apoya encima de él. */
body.con-aviso-pixel .fab-cart { bottom: calc(68px + env(safe-area-inset-bottom)) !important; }