/* TiendiGo v21: barra única; 4 opciones; prevalece sobre la antigua regla de 3 columnas. */
body .app-shell nav.bottom-nav.tg-bottom-nav-fused {
  position:absolute!important;inset:auto 0 0 0!important;box-sizing:border-box!important;
  display:flex!important;flex-flow:row nowrap!important;justify-content:space-between!important;
  align-items:stretch!important;float:none!important;width:100%!important;max-width:100%!important;
  height:72px!important;min-height:72px!important;max-height:72px!important;
  margin:0!important;padding:7px 6px max(7px,env(safe-area-inset-bottom))!important;
  border:0!important;border-top:1px solid #303744!important;border-radius:0!important;
  background:#11151bf5!important;box-shadow:0 -7px 16px #0007!important;
  z-index:950!important;overflow:hidden!important;visibility:visible!important;
  transform:translateY(0)!important;opacity:1!important;pointer-events:auto!important;
  transition:transform .2s ease,opacity .2s ease!important;
}
body .app-shell nav.bottom-nav.tg-bottom-nav-fused > a.nav-item {
  display:flex!important;flex:1 1 25%!important;flex-flow:column nowrap!important;
  align-items:center!important;justify-content:center!important;gap:3px!important;
  min-width:0!important;max-width:25%!important;width:25%!important;height:100%!important;
  padding:2px 0!important;margin:0!important;box-sizing:border-box!important;
  position:static!important;float:none!important;clear:none!important;color:#b2bdca!important;
  overflow:hidden!important;text-align:center!important;text-decoration:none!important;
}
body .app-shell nav.bottom-nav.tg-bottom-nav-fused > a.nav-item svg {
  display:block!important;flex:none!important;width:22px!important;height:22px!important;
  min-width:22px!important;min-height:22px!important;max-width:22px!important;max-height:22px!important;
  stroke:currentColor!important;stroke-width:1.8!important;fill:none!important;
}
body .app-shell nav.bottom-nav.tg-bottom-nav-fused > a.nav-item small {
  display:block!important;font-size:10px!important;line-height:1.15!important;font-weight:600!important;
  color:inherit!important;max-width:100%!important;white-space:nowrap!important;
  text-overflow:ellipsis!important;overflow:hidden!important;
}
body .app-shell nav.bottom-nav.tg-bottom-nav-fused > a.nav-item.active {color:#ff8a16!important;}
body.tg-nav-hidden .app-shell nav.bottom-nav.tg-bottom-nav-fused {
  transform:translateY(calc(100% + 4px))!important;opacity:0!important;pointer-events:none!important;
}
body .app-shell nav.bottom-nav.tg-bottom-nav-fused:focus-within {
  transform:translateY(0)!important;opacity:1!important;pointer-events:auto!important;
}
body:has(nav.bottom-nav.tg-bottom-nav-fused) .app-shell > main.content {padding-bottom:90px!important;}
@media(prefers-reduced-motion:reduce){body .app-shell nav.bottom-nav.tg-bottom-nav-fused {transition:none!important;}}

/* v29: solo celulares. La barra debe seguir el viewport, no el alto del contenido.
   Mantener intacta la vista de escritorio y la animación tg-nav-hidden. */
@media (max-width:699px) {
  body .app-shell nav.bottom-nav.tg-bottom-nav-fused {
    position:fixed!important;
    top:auto!important;right:0!important;bottom:0!important;left:0!important;
    width:100%!important;max-width:100%!important;
    height:calc(64px + env(safe-area-inset-bottom, 0px))!important;
    min-height:64px!important;max-height:none!important;
    padding:6px 6px max(6px,env(safe-area-inset-bottom,0px))!important;
  }
  body:has(nav.bottom-nav.tg-bottom-nav-fused) .app-shell > main.content {
    padding-bottom:calc(82px + env(safe-area-inset-bottom,0px))!important;
  }
}

/* v33 — barra permanentemente visible SOLO en celulares.
   Evita ocultación por gestos, normas antiguas y solapamiento del viewport. */
@media screen and (max-width:699px) {
  html body .app-shell nav.bottom-nav.tg-bottom-nav-fused,
  html body.tg-nav-hidden .app-shell nav.bottom-nav.tg-bottom-nav-fused,
  html body .app-shell nav.bottom-nav.tg-bottom-nav-fused:focus-within {
    position:fixed!important;
    top:auto!important;right:0!important;bottom:0!important;left:0!important;
    transform:none!important;translate:none!important;
    display:flex!important;flex-flow:row nowrap!important;
    visibility:visible!important;opacity:1!important;pointer-events:auto!important;
    z-index:2147483000!important;
    width:100%!important;max-width:100%!important;
    border-radius:0!important;
    transition:none!important;
  }
  html body .app-shell nav.bottom-nav.tg-bottom-nav-fused > a.nav-item {
    display:flex!important;flex:1 1 25%!important;width:25%!important;max-width:25%!important;min-width:0!important;
  }
}