/* Ajustes finales TIENDA_PISTAS_WEB: pastillas iguales al catálogo */

/* La referencia oficial son las pastillas de las franjas/listado. */
.bottom-demo-title-pill,
.modal .pill,
.cart-modal .pill,
.song-order-modal .pill{
  display:inline-flex !important;
  align-items:center !important;
  gap:4px !important;
  min-height:17px !important;
  height:auto !important;
  padding:3px 6px !important;
  border-radius:5px !important;
  font-size:9px !important;
  line-height:1 !important;
  font-weight:900 !important;
  text-transform:uppercase !important;
  letter-spacing:.35px !important;
}

/* Mismos colores que usa actualmente el catálogo. */
.bottom-demo-title-pill.is-coro,
.modal .pill-coro{
  background:#4438ca !important;
  color:#fff !important;
}

.bottom-demo-title-pill.is-vivo,
.bottom-demo-title-pill.is-live,
.modal .pill-vivo,
.modal .pill-live{
  background:#23d66f !important;
  color:#062112 !important;
}

/* El botón principal siempre debe quedar por encima de la onda y aceptar toque/clic. */
.bottom-demo-control.main{
  pointer-events:auto !important;
  touch-action:manipulation !important;
  position:relative !important;
  z-index:50 !important;
}