/* Navegação lateral no celular */
.sidebar-close {
  margin-left: auto;
  width: 34px;
  height: 34px;
  border: 1px solid rgba(255,255,255,.18);
  background: rgba(255,255,255,.08);
  color: #fff;
  border-radius: 9px;
  place-items: center;
  cursor: pointer;
}

.sidebar-close svg { width: 18px; height: 18px; }
.mobile-sidebar-backdrop { display: none; }

@media (max-width: 800px) {
  .sidebar { z-index: 10; transition: left .2s ease; }
  .mobile-sidebar-backdrop {
    display: block;
    position: fixed;
    inset: 0;
    z-index: 8;
    border: 0;
    padding: 0;
    background: rgba(5,18,33,.48);
    opacity: 0;
    pointer-events: none;
    transition: opacity .2s ease;
  }
  .mobile-sidebar-backdrop.open {
    opacity: 1;
    pointer-events: auto;
  }
}