.mobile-menu {
            position: fixed;
            top: 0;
            right: 0; /* <-- agora abre à direita */
            width: 240px;
            max-width: 80%;
            height: 100vh;
            background-color: #111;
            transform: translateX(100%); /* <-- escondido à direita inicialmente */
            transition: transform 0.3s ease-in-out;
            z-index: 2000;
            padding-top: 70px; /* espaço para o header fixo */
            box-shadow: -2px 0 5px rgba(0,0,0,0.4);
        }
        .mobile-menu.open {
            transform: translateX(0); /* <-- mostra o menu */
        }
        .mobile-menu:hover {
            background-color: #000;
            box-shadow: 0 4px 12px rgba(137, 207, 240, 0.6);
        }
        .menu-item {
            font-size: 14px;
            padding: 8px 0;
            border-bottom: 1px solid #333;
            transition: background-color 0.3s;
        }
        .menu-item:hover {
            background-color: #222;
            text-decoration: none;
        }
        .btn-outline-light:focus {
            box-shadow: none;
        }
        #menuToggleBtn {
            position: relative;
            z-index: 3000;
        }
        
        .tag-filtro {
  display: block;
  padding: 4px 8px;
  border-radius: 4px;
  color: #ccc;
  text-decoration: none;
  transition: all 0.2s;
}
.tag-filtro:hover {
  background-color: #222;
  color: #fff;
}