/* Navegacion inferior cliente mas legible */
body .tbMobileBar{
  min-height:82px !important;
  padding:10px !important;
  gap:8px !important;
  border-radius:14px !important;
}

body .tbMobileBar button{
  min-height:58px !important;
  padding:9px 8px !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:center !important;
  gap:6px !important;
  font-size:13.5px !important;
  line-height:1.05 !important;
  font-weight:950 !important;
  letter-spacing:0 !important;
  border-radius:10px !important;
  white-space:nowrap !important;
}

body .tbMobileBar button svg,
body .tbMobileBar button i,
body .tbMobileBar button .icon{
  width:22px !important;
  height:22px !important;
  font-size:22px !important;
  line-height:1 !important;
  margin:0 !important;
}

body .tbMobileBar button.active{
  box-shadow:0 10px 24px rgba(37,99,235,.28) !important;
}

@media(max-width:560px){
  body .tbMobileBar{
    left:8px !important;
    right:8px !important;
    bottom:8px !important;
    min-height:76px !important;
    padding:8px !important;
    gap:5px !important;
  }
  body .tbMobileBar button{
    min-height:56px !important;
    padding:8px 4px !important;
    font-size:12px !important;
    gap:5px !important;
  }
  body .tbMobileBar button svg,
  body .tbMobileBar button i,
  body .tbMobileBar button .icon{
    width:20px !important;
    height:20px !important;
    font-size:20px !important;
  }
}

@media(max-width:390px){
  body .tbMobileBar button{
    font-size:11px !important;
  }
}