/* HPI — barra de navegação lateral/inferior.
   ATENÇÃO: a ordem de carregamento (index.php) é a ordem da cascata. Não reordene. */

/* Menu */
.bottom-menu{
  min-height:70px;background:rgba(0,0,0,.7);border-top:1px solid rgba(255,255,255,.12);
  backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);
  display:flex;justify-content:space-around;align-items:center;padding:0 20px;
  padding-bottom:env(safe-area-inset-bottom,0px);z-index:20;
}
.menu-item{
  background:none;border:0;color:rgba(255,255,255,.75);font-size:28px;width:44px;height:44px;
  display:flex;justify-content:center;align-items:center;cursor:pointer;border-radius:12px;transition:all .2s;
}
.menu-item:hover{color:#fff;background:rgba(255,255,255,.08)}
.menu-item[aria-current="page"]{color:#fff;background:rgba(255,255,255,.14)}
.menu-hamburger{
  background:none;border:0;display:flex;justify-content:center;align-items:center;
  width:44px;height:44px;cursor:pointer;border-radius:12px;
}
.menu-hamburger:hover{background:rgba(255,255,255,.08)}
.menu-hamburger i{display:flex;flex-direction:column;justify-content:space-between;width:26px;height:19px}
.menu-hamburger i span{display:block;height:3px;width:100%;background:#fff;border-radius:3px}