.botonera {
  position: sticky;
  top: var(--alto-header);
  z-index: 30;
  display: flex;
  gap: var(--espacio-md);
  overflow-x: auto;
  background: var(--color-superficie);
  border-bottom: 1px solid var(--color-borde);
  padding: var(--espacio-sm) var(--espacio-md);
  scrollbar-width: none;
}
.botonera::-webkit-scrollbar { display: none; }

.botonera__item {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 2px;
  flex: 0 0 auto;
  font-size: var(--fs-xs);
  color: var(--color-primario-oscuro);
}

.botonera__icono {
  width: 26px;
  height: 26px;
  filter: invert(56.77%) sepia(67.90%) saturate(963.70%) hue-rotate(102.98deg) brightness(45.45%) contrast(53.04%);
}

.botonera__item--activo { color: var(--color-primario); }

.botonera__item--activo .botonera__icono {
  filter: invert(39.07%) sepia(23.61%) saturate(880.17%) hue-rotate(102.41deg) brightness(160.60%) contrast(81.62%);
}

@media (min-width: 768px) {
  .botonera { overflow-x: visible; justify-content: center; flex-wrap: wrap; }
}