/* The legal footer follows .content and already clears the fixed bottom nav.
   Extra page padding here only leaves a large empty gap before the footer. */
@media(max-width:820px){
  .content{padding-bottom:12px!important}
  .bp-mobile-bottomnav{
    min-height:70px!important;
    bottom:max(8px,env(safe-area-inset-bottom))!important;
  }
  .bp-mobile-bottomnav button{overflow:hidden!important;white-space:nowrap!important}
  .bp-mobile-bottomnav .es{display:none!important}
  [data-lang-mode="es"] .bp-mobile-bottomnav .en{display:none!important}
  [data-lang-mode="es"] .bp-mobile-bottomnav .es{display:inline!important}
  .bp-ai-launch{
    right:12px!important;
    bottom:calc(92px + env(safe-area-inset-bottom))!important;
    max-width:calc(100vw - 24px)!important;
    z-index:95!important;
  }
  .bp-ai-panel{
    right:12px!important;
    bottom:calc(154px + env(safe-area-inset-bottom))!important;
    width:calc(100vw - 24px)!important;
    height:min(640px,calc(100dvh - 178px))!important;
    z-index:100!important;
  }
}