/* Let promotion cards participate in normal page flow instead of being clipped
   by the legacy fixed-height .atividade_box rule. */
body.pages-index-Promotion .promotion-page .atividade_box {
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  padding-bottom: 0 !important;
  overflow: visible !important;
  overflow-x: visible !important;
  overflow-y: visible !important;
}

body.pages-index-Promotion .promotion-page .promotion-shell {
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  overflow: visible !important;
}

/* The promotion page is a focused activity list. Its fixed tab bar covered the
   next promotion card with a dark strip, so keep navigation on other pages only. */
html body.pages-index-Promotion.pages-index-Promotion uni-app .vantabbar.vantabbar.van-tabbar.van-tabbar--fixed,
html body.pages-index-Promotion.pages-index-Promotion uni-app .van-tabbar.van-tabbar--fixed,
html body.pages-index-Promotion.pages-index-Promotion uni-app uni-tabbar {
  display: none !important;
  width: 0 !important;
  height: 0 !important;
  min-height: 0 !important;
  max-height: 0 !important;
  overflow: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

/* UniApp still reserves one 44px tab-bar row in the page wrapper after the
   promotion tab bar is hidden. Extend only this route to the viewport bottom. */
html body.pages-index-Promotion.pages-index-Promotion uni-page-wrapper {
  height: calc(100vh - var(--window-top, 44px)) !important;
  min-height: calc(100vh - var(--window-top, 44px)) !important;
  max-height: none !important;
}