.bottom-nav {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  height: 65px;
  background: #fff;
  border-radius: 35px 35px 0 0;
  border-top: 1px solid var(--line);
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  align-items: center;
  z-index: 45;
  padding-bottom: max(env(safe-area-inset-bottom), 0px);
  box-shadow: 0 -6px 24px rgb(14 75 217 / 24%);
  contain: layout paint;
}

.bottom-nav a,
.bottom-nav button{
  display:flex; flex-direction:column; align-items:center; justify-content:center;
  gap:4px; text-decoration:none; color:#3f3b77; height:100%;
  font-size:12px; font-weight:700; min-width:0;
}

.bottom-nav .ico{ font-size:22px; line-height:1 }
.bottom-nav a[aria-current="page"]{ color:#4b2bb5 }

/* Botão central (“Mais”) com FAB flutuando sem empurrar layout */
.bottom-more{
  all:unset; cursor:pointer; display:flex; flex-direction:column; align-items:center; justify-content:center;
  gap:4px; height:100%; font-size:12px; font-weight:700; color:#3f3b77;
  position: relative;
}
.bottom-nav .plus{
  position: absolute;
  left: 10%;
  transform: translate(-50%, -18px);
  width: 0;
  height: 0;
  display: grid;
  place-items: center;
  border-radius: 999px;
  font-size: 40px;
  line-height: 1;
  pointer-events: auto;
}

/* Mostra a bottom-nav apenas no mobile via JS; sem estilos extras aqui */